diff --git a/.eslintrc.json b/.eslintrc.json index 99fc2b0bc12..6d2b972285c 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -35,7 +35,7 @@ "@angular-eslint/template/eqeqeq": [ "error", { - "allowNullOrUndefined": true + "allowNullOrUndefined": true } ], "@angular-eslint/no-host-metadata-property": "off", @@ -59,6 +59,14 @@ "files": ["*.html"], "extends": ["plugin:@angular-eslint/template/recommended"], "rules": {} + }, + { + "files": ["*.js"], + "rules": { + "parserOptions": { + "allowImportExportEverywhere": true + } + } } ] -} \ No newline at end of file +} diff --git a/.gitignore b/.gitignore index 11c3f8afc7a..03ac8f02c5d 100644 --- a/.gitignore +++ b/.gitignore @@ -42,4 +42,5 @@ testem.log Thumbs.db # type doc -api-generator/typedoc.json \ No newline at end of file +api-generator/typedoc.json +.vercel diff --git a/CHANGELOG.md b/CHANGELOG.md index e313a8b44b9..42059687da4 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,400 @@ # Changelog +## [17.12.0](https://github.com/primefaces/primeng/tree/17.12.0) (2024-03-21) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.11.0...17.12.0) + +**Implemented New Features and Enhancements:** +- New Component | InputOtp [\#15101](https://github.com/primefaces/primeng/issues/15101) +- New Component | Stepper [\#15100](https://github.com/primefaces/primeng/issues/15100) +- Chips | Make clear method public [\#15109](https://github.com/primefaces/primeng/issues/15109) +- Dialog: Ensures every ARIA dialog and alertdialog node has an accessible name. [\#14950](https://github.com/primefaces/primeng/issues/14950) +- Steps: Invalid and unnecessary tablist role structure [\#15099](https://github.com/primefaces/primeng/issues/15099) +- p-chip: Missing button role on a remove icon [\#15095](https://github.com/primefaces/primeng/issues/15095) +- Message | Add onClose emitter [\#14982](https://github.com/primefaces/primeng/issues/14982) +- Table / Filter Row: Form elements missing aria-label [\#15024](https://github.com/primefaces/primeng/issues/15024) +- Calendar, TreeSelect, MultiSelect: Invalid aria-controls attribute value. Overlay missing an id attribute. [\#14980](https://github.com/primefaces/primeng/issues/14980) +- type of InputNumberInputEvent.value is "number | string", cause it can be string when there is nothing accept "-" (minus sign) [\#15076](https://github.com/primefaces/primeng/issues/15076) +- AutoComplete | clear input field if showClear="true" [\#15078](https://github.com/primefaces/primeng/issues/15078) + +**Fixed bugs:** +- Table | Row Expansion and Selection not Working Together [\#14081](https://github.com/primefaces/primeng/issues/14081) +- TieredMenu: Keyboard navigation does not skip non-visible menu items [\#15058](https://github.com/primefaces/primeng/issues/15058) +- Calendar: the calendar disables the year if minDate is set to the current month [\#13919](https://github.com/primefaces/primeng/issues/13919) +- Picklist items deleted: On using Ctrl+A to select all, then right clicking on item it gets removed from the list [\#15046](https://github.com/primefaces/primeng/issues/15046) +- p-tree: Parent node always undefined in node selection events when Virtual Scrolling is enabled [\#12718](https://github.com/primefaces/primeng/issues/12718) +- Component: p-table column order not restored [\#14888](https://github.com/primefaces/primeng/issues/14888) +- p-table: Date filter not working [\#14987](https://github.com/primefaces/primeng/issues/14987) +- TreeSelect: 'itemcheckboxicon' issue [\#15086](https://github.com/primefaces/primeng/issues/15086) +- Component: p-dropdown (onBlur) is not fired when a value is not selected [\#15049](https://github.com/primefaces/primeng/issues/15049) +- whole page & browser tab is hanging after 17.11 update [\#15057](https://github.com/primefaces/primeng/issues/15057) +- MenuItem: Update of 'expanded' and 'label' properties not working [\#14893](https://github.com/primefaces/primeng/issues/14893) +- p-listbox empty filter message is not being shown [\#14459](https://github.com/primefaces/primeng/issues/14459) +- p-contextMenu: Neither (onHide) Nor (onShow) event is being triggered when you right click twice continuously on same or other records [\#14962](https://github.com/primefaces/primeng/issues/14962) +- Showcase | Update angular packages to 17.3x [\#15125](https://github.com/primefaces/primeng/issues/15125) + +## [17.11.0](https://github.com/primefaces/primeng/tree/17.11.0) (2024-03-14) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.10.0...17.11.0) + +**Implemented New Features and Enhancements:** +- p-chip: Image does not have an alt attribute [\#15000](https://github.com/primefaces/primeng/issues/15000) +- Numpad Enter Key Ineffective for Option Selection [\#15027](https://github.com/primefaces/primeng/issues/15027) +- p-chip: aria-label is not applied to remove icon [\#14973](https://github.com/primefaces/primeng/issues/14973) + +**Fixed bugs:** +- Calendar: The lowest year in the Year navigator dropdown remains disabled when we are applying minDate in date selector [\#14839](https://github.com/primefaces/primeng/issues/14839) +- Component: MultiSelect [\#14617](https://github.com/primefaces/primeng/issues/14617) +- Calendar: Error on time selection in with range mode [\#15005](https://github.com/primefaces/primeng/issues/15005) +- Table filter set undefined [\#14588](https://github.com/primefaces/primeng/issues/14588) +- p-table: stateful table filters are not properly reset [\#14903](https://github.com/primefaces/primeng/issues/14903) +- PrimeNG docs for p-table - Template example missing crucial property first [\#14983](https://github.com/primefaces/primeng/issues/14983) +- Component: p-table column order not restored [\#14888](https://github.com/primefaces/primeng/issues/14888) +- MenuItem: Update of 'expanded' and 'label' properties not working [\#14893](https://github.com/primefaces/primeng/issues/14893) +- p-inputnumber: multiple problems when input number looses focus [\#15014](https://github.com/primefaces/primeng/issues/15014) +- TreeSelect popup closes when unchecking nodes [\#13698](https://github.com/primefaces/primeng/issues/13698) +- Component: Menubar "Duplicate id aria" a11y [\#14972](https://github.com/primefaces/primeng/issues/14972) +- Dropdown: aria-expanded attribute added to input when setting dropdown editable to true [\#14969](https://github.com/primefaces/primeng/issues/14969) +- Docs: Only first parameter is shown [\#14942](https://github.com/primefaces/primeng/issues/14942) + +## [17.10.0](https://github.com/primefaces/primeng/tree/17.10.0) (2024-03-07) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.9.0...17.10.0) + +**Implemented New Features and Enhancements:** +- ColorPicker: Form elements must have labels [\#14941](https://github.com/primefaces/primeng/issues/14941) + +**Fixed bugs:** +- treetable, treeselect: wrong type information in jsdoc for node events [\#14939](https://github.com/primefaces/primeng/issues/14939) +- Icons: Wrong value for PrimeIcons.SORT_ALPHA_ALT_DOWN and others [\#14965](https://github.com/primefaces/primeng/issues/14965) +- Multiselect | TypeError: option.toLocaleLowerCase is not a function [\#14960](https://github.com/primefaces/primeng/issues/14960) +- Dropdown: TypeError: this.getOptionLabel(...).toLocaleLowerCase is not a function [\#14865](https://github.com/primefaces/primeng/issues/14865) +- Tree: If user filter tree nodes and then lazy load new children (with .key prop) - nodeClick event is not emitted [\#14723 (https://github.com/primefaces/primeng/issues/14723) +- Tree: Certain ARIA roles must be contained by particular parents [\#14913](https://github.com/primefaces/primeng/issues/14913) +- Tree: Node drop points are not contained in a ul or ol [\#14911](https://github.com/primefaces/primeng/issues/14911) +- Tree: ARIA attributes must conform to valid values [\#14912](https://github.com/primefaces/primeng/issues/14912) +- Scroll bar for the base page reappears after closing a secondary modal despite one modal still being open [\#14933](https://github.com/primefaces/primeng/issues/14933) +- Drag-and-Drop Functionality Disrupted by extra tag (div) in Tag [\#14935](https://github.com/primefaces/primeng/issues/14935) +- Table, pFrozenColumn: Frozen columns are extremely slow and kick off many change detection cycles [\#14579](https://github.com/primefaces/primeng/issues/14579) +- Dropdown: Clicking on currently selected item no longer closes the list [\#14917](https://github.com/primefaces/primeng/issues/14917) + +## [17.9.0](https://github.com/primefaces/primeng/tree/17.9.0) (2024-02-29) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.8.0...17.9.0) + +**Implemented New Features and Enhancements:** +- New Component | MeterGroup [\#14898](https://github.com/primefaces/primeng/issues/14898) +- New Component | ButtonGroup [\#14897](https://github.com/primefaces/primeng/issues/14897) +- New Component | FloatLabel [\#14899](https://github.com/primefaces/primeng/issues/14899) +- New Components | IconField & InputIcon [\#14896](https://github.com/primefaces/primeng/issues/14896) + +**Fixed bugs:** +- Component: Autocomplete [\#14806](https://github.com/primefaces/primeng/issues/14806) +- p-inputNumber: LeftArrowKey not working for selected input [\#14869](https://github.com/primefaces/primeng/issues/14869) +- Reopen issue #11442 p-inputNumber cannot use the decimal separator of the digital keyboard when the separator is a comma [\#12626](https://github.com/primefaces/primeng/issues/12626) +- Calendar, TreeSelect, MultiSelect, AutoComplete, CascadeSelect, Table | aria-expanded attribute is undefined and aria-controls attribute referencing a hidden element [\#14358](https://github.com/primefaces/primeng/issues/14358) +- DropDown: aria-controls referencing an element that doesn't exist. [\#14851](https://github.com/primefaces/primeng/issues/14851) +- Dropdown: aria-expanded attribute not present. [\#14850](https://github.com/primefaces/primeng/issues/14850) +- Dropdown attr aria-expanded missing because undefined value [\#14832](https://github.com/primefaces/primeng/issues/14832) +- multiselect: filter not working [\#14835](https://github.com/primefaces/primeng/issues/14835) +- TabMenu: TabChange doesn't update Inkbar [\#14867](https://github.com/primefaces/primeng/issues/14867) +- InputNumberInputEvent value type appears to be incorrect [\#14831](https://github.com/primefaces/primeng/issues/14831) +- Theming: Wrong Icon in documentation [\#14872](https://github.com/primefaces/primeng/issues/14872) + +## [17.8.0](https://github.com/primefaces/primeng/tree/17.8.0) (2024-02-23) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.7.0...17.8.0) + +**Implemented New Features and Enhancements:** +- Component: Chips. No ability to limit max length of chip [\#14592](https://github.com/primefaces/primeng/issues/14592) +- Sidebar : Combination of role 'complementary' and aria-modal attribute causes accessibility violation. [\#14818](https://github.com/primefaces/primeng/issues/14818) + +**Fixed bugs:** +- DropDown: Making form touched on clearing pre filled values. [\#14836](https://github.com/primefaces/primeng/issues/14836) +- Component: MultiSelect (p-multiSelect) no longer emits an event when all items are selected or deselected [\#14252](https://github.com/primefaces/primeng/issues/14252) +- p-multiselect: onChange event is not triggered for multiselect's filter select all/unselect all [\#14252](https://github.com/primefaces/primeng/issues/14252) +- Component: Multiselect onChange not called [\#14807](https://github.com/primefaces/primeng/issues/14807) +- Tabview: Forward Button Visible with Fractions [\#14785](https://github.com/primefaces/primeng/issues/14785) +- ContextMenu: appentTo w/ template variable causes error when ContextMenu is destroyed [\#14793](https://github.com/primefaces/primeng/issues/14793) +- FileUpload Component [\#14789](https://github.com/primefaces/primeng/issues/14789) +- Component: Table "Ctrl + A" selects all rows even in selectionMode "single" [\#14795](https://github.com/primefaces/primeng/issues/14795) +- TabView: Scroll buttons are not displayed when adding tabPanel dynamically [\#13530](https://github.com/primefaces/primeng/issues/13530) +- DomHandler: getFocusableElements returns elements with hidden parents [\#14691](https://github.com/primefaces/primeng/issues/14691) +- Component: Dropdown - If editable = true and filter = true and you start typing, it will search by default but not start editing. [\#14567](https://github.com/primefaces/primeng/issues/14567) +- dropdown: selected, disabled option not rendered when using selectedItem template [\#14809](https://github.com/primefaces/primeng/issues/14809) +- Component: Dropdown Selected option not shown while typing in filter if it has value null, while having selectedItem template [\#14815](https://github.com/primefaces/primeng/issues/14815) +- Dropdown: Placeholder is not displayed when using a combination of reactive forms and selectedItem template [\#14801](https://github.com/primefaces/primeng/issues/14801) +- Dropdown: Dropdown no longer closes when clicking the currently selected option [\#14811](https://github.com/primefaces/primeng/issues/14811) +- Table: ColumnFilter not hiding when another filter icon clicked and previously any input field clicked in still in focus [\#14775](https://github.com/primefaces/primeng/issues/14775) +- Checkbox: Disabled checkboxes appear writable until they receive focus [\#14819](https://github.com/primefaces/primeng/issues/14819) +- Calendar: Autofocus not working [\#14745](https://github.com/primefaces/primeng/issues/14745) +- When p-chart is put into a p-fieldset, the chart is not responsive anymre [\#14739](https://github.com/primefaces/primeng/issues/14739) + +## [17.7.0](https://github.com/primefaces/primeng/tree/17.7.0) (2024-02-14) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.6.0...17.7.0) + +**Implemented New Features and Enhancements:** +- Dropdown, MultiSelect, AutoComplete, CascadeSelect: aria-label missing from inner ul element [\#14790](https://github.com/primefaces/primeng/issues/14790) +- Autocomplete: emptyMessage is not showed, when no item fit condition [\#14744](https://github.com/primefaces/primeng/issues/14744) +- ProgressSpinner: Unable to set aria-label [\#14798](https://github.com/primefaces/primeng/issues/14798) + +**Fixed bugs:** +- Dropdown: invalid text after cleaning via ngModel [\#14784](https://github.com/primefaces/primeng/issues/14784) +- Component: p-dropdown emits changes when selected option did not change [\#14788](https://github.com/primefaces/primeng/issues/14788) +- Password: Hand/Pointer icon not displayed while hovering over the eye icon in password ToggleMask mode [\#14724](https://github.com/primefaces/primeng/issues/14724) +- Component: p-dropdown filterValue initial value is ignored and binding not working [\#14586](https://github.com/primefaces/primeng/issues/14586) +- ContextMenu: Double opacity applied to disabled items [\#14773](https://github.com/primefaces/primeng/issues/14773) +- dropdown: selected, disabled option not rendered [\#14716](https://github.com/primefaces/primeng/issues/14716) +- TreeSelect: Incorrect alignment in TreeSelect on filter [\#14764](https://github.com/primefaces/primeng/issues/14764) +- Multiselect: headerCheckboxViewChild not found [\#14737](https://github.com/primefaces/primeng/issues/14737) +- MultiSelect: Incorrect Alignment in multiselect dropdown on filter [\#14755](https://github.com/primefaces/primeng/issues/14755) +- Multiselect with string array search not working [\#12854](https://github.com/primefaces/primeng/issues/12854) +- Chips and Timeline: Typo error 'seperator' instead 'separator' [\#14783](https://github.com/primefaces/primeng/issues/14783) +- Remove CodeSandbox from the examples. [\#14792](https://github.com/primefaces/primeng/issues/14792) +- p-chips: [addOnTab] feature has no effect. Tab key should make a chip and keep focus in the text box. [\#14706](https://github.com/primefaces/primeng/issues/14706) + +## [17.6.0](https://github.com/primefaces/primeng/tree/17.6.0) (2024-02-07) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.5.0...17.6.0) + +**Implemented New Features and Enhancements:** +- Dropdown | make clear method public for better DX [\#14641](https://github.com/primefaces/primeng/issues/14641) + +**Fixed bugs:** +- MultiSelect: selectedItemsLabel is not localized (re-opened) [\#14554](https://github.com/primefaces/primeng/issues/14554) +- Component: Calendar isn't show initial value from FormControl/ngModel [\#14616](https://github.com/primefaces/primeng/issues/14616) +- Component: Dropdown removing a letter from filter that comes after a whitespace ' ' removes the whitespace [\#14701](https://github.com/primefaces/primeng/issues/14701) +- Component: p-multiselect - double click on multiselect "button" causes modal window to jump around before disappearing [\#14442](https://github.com/primefaces/primeng/issues/14442) +- Virtual Scroll Jumping Backwards [\#14298](https://github.com/primefaces/primeng/issues/14298) +- p-dropdown: dropdown options float to the top when searching [\#14659](https://github.com/primefaces/primeng/issues/14659) +- Dropdown: Key events not correctly working when filter is enabled [\#14189](https://github.com/primefaces/primeng/issues/14189) +- Component: Dropdown| closing overlay on pressing enter key on filter input [\#14708](https://github.com/primefaces/primeng/issues/14708) +- Component: p-Dropdown placeholder/values not displayed [\#14695](https://github.com/primefaces/primeng/issues/14695) +- TreeSelect: When using reactive form disabled input doesn't affect [\#14662](https://github.com/primefaces/primeng/issues/14662) +- MultiSelect: dynamic text in placeholder is not displayed [\#14321](https://github.com/primefaces/primeng/issues/14321) +- Dropdown: dynamic text in placeholder is not displayed [\#14320](https://github.com/primefaces/primeng/issues/14320) +- Component: Dropdown TypeError: option.toLowerCase is not a function [\#14682](https://github.com/primefaces/primeng/issues/14682) +- Dropdown: "0" Value in optionValue, causes Label to be replaced by Placeholder [\#14715](https://github.com/primefaces/primeng/issues/14715) +- The scrollToIndex method on VirtualScroller does not scroll to the correct index when triggered twice. [\#14731](https://github.com/primefaces/primeng/issues/14731) +- Checkbox: Disabled property does not work when it's used with formControlName [\#14693](https://github.com/primefaces/primeng/issues/14693) +- PrimeNg p-columnFilter does not close on outside element click or scroll or search submit [\#14658](https://github.com/primefaces/primeng/issues/14658) +- Showcase | Remove stateful config [\#14752](https://github.com/primefaces/primeng/issues/14752) + + +## [17.5.0](https://github.com/primefaces/primeng/tree/17.5.0) (2024-02-01) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.4.0...17.5.0) + +**Implemented New Features and Enhancements:** +- AutoComplete | Description in the accessibility section for tab not working [\#14641](https://github.com/primefaces/primeng/issues/14641) + +**Fixed bugs:** +- Component: InputNumber does not validate max on blur [\#14630](https://github.com/primefaces/primeng/issues/14630) +- p-dropdown: Filtering all items incorrectly clears the dropdown's selected value [\#14596](https://github.com/primefaces/primeng/issues/14596) +- Component: Dropdown [\#14367](https://github.com/primefaces/primeng/issues/14367) +- paginator missing p-paginator-top/bottom class [\#14679](https://github.com/primefaces/primeng/issues/14679) +- Component: Placeholder not working in dropdown Reactive Forms and Template [\#14679](https://github.com/primefaces/primeng/issues/14679) +- TabView with scrollable throws an exception [\#13332](https://github.com/primefaces/primeng/issues/13332) +- Component: TreeTable, dragging over table cells [\#14512](https://github.com/primefaces/primeng/issues/14512) +- p-calendar: validation is triggered before calendar is even touched [\#14542](https://github.com/primefaces/primeng/issues/14542) +- Referencing closed thread -> Responsive Stack and add [scrollable]="true" not working responsive stack #11331 [\#14667](https://github.com/primefaces/primeng/issues/14667) +- Table: built-in Ctrl+A errors when "rows" parameter is defined [\#14634](https://github.com/primefaces/primeng/issues/14634) +- p-autocomplete: maxlength doesn't work anymore [\#14595](https://github.com/primefaces/primeng/issues/14595) +- Dropdown: autoOptionFocus property not working [\#14655](https://github.com/primefaces/primeng/issues/14655) +- Dropdown: Unable to type in editable Dropdowns when filtering options onChange and current value is an option [\#14556](https://github.com/primefaces/primeng/issues/14556) +- p-MultiSelect: Clear Button does not work [\#14585](https://github.com/primefaces/primeng/issues/14585) +- Calendar: Calendar CSS breaks other Components [\#14606](https://github.com/primefaces/primeng/issues/14606) + +## [17.4.0](https://github.com/primefaces/primeng/tree/17.4.0) (2024-01-24) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.3.3...17.4.0) + +**Implemented New Features and Enhancements:** +- MultiSelect: selectedItemsLabel is not localized [\#14554](https://github.com/primefaces/primeng/issues/14554) + +**Fixed bugs:** +- p-columnFilter: Missing icons to the table column filter dialog [\#14613](https://github.com/primefaces/primeng/issues/14613) +- p-multiselect: Displaying the multiselect options dialog causes page to horizontally scroll [\#14611](https://github.com/primefaces/primeng/issues/14611) +- p-calendar: Doesn't close on date selection in range mode [\#14558](https://github.com/primefaces/primeng/issues/14558) +- ConfirmPopup arror right side rendering defect [\#14557](https://github.com/primefaces/primeng/issues/14557) +- Dropdown: can't select input with Shift + Home / Shift + End [\#14540](https://github.com/primefaces/primeng/issues/14540) +- TreeTable: StyleClass wont apply [\#14559](https://github.com/primefaces/primeng/issues/14559) +- p-dropdown: optionValue is not working when object has property 'group' [\#14516](https://github.com/primefaces/primeng/issues/14516) +- Table pSelectableRow: cannot type space into an pInputText component [\#14531](https://github.com/primefaces/primeng/issues/14531) +- p-dropdown: Cannot clear dropdown programmatically [\#14544](https://github.com/primefaces/primeng/issues/14544) + +## [17.3.3](https://github.com/primefaces/primeng/tree/17.3.3) (2024-01-18) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.3.2...17.3.3) + +**Fixed bugs:** +- Component: Carousel swipe not working properly on iOS devices [\#12942](https://github.com/primefaces/primeng/issues/12942) +- Autocomplete: focus not being applied when clicking around input [\#14530](https://github.com/primefaces/primeng/issues/14530) +- Chips: NumpadEnter being ignored [\#14578](https://github.com/primefaces/primeng/issues/14578) +- Component: Chips: Invalid aria attribute: aria-pointset (should be aria-posinset) [\#14568](https://github.com/primefaces/primeng/issues/14568) +- Button | StyleClass does not work as expected [\#14583](https://github.com/primefaces/primeng/issues/14583) +- Calendar: Calendar Icon has a default cursor on hover [\#14501](https://github.com/primefaces/primeng/issues/14501) +- SSR Duplicate elements with provideClientHydration() [\#14569](https://github.com/primefaces/primeng/issues/14569) +- TreeTable with scrollHeight="flex" shrinks the header as the table rows are expanded. [\#14523](https://github.com/primefaces/primeng/issues/14523) +- Table | Column filter in stateful is become 'undefined' [\#14571](https://github.com/primefaces/primeng/issues/14571) +- Component: dropdown - Editable dropdown does not change value to empty string [\#14546](https://github.com/primefaces/primeng/issues/14546) +- PrimeNG table filtering and sorting on each column- filter is not opening with keyboard [\#14545](https://github.com/primefaces/primeng/issues/14545) +- GalleriaThumbnail afterViewInit use platformBrowser instead of isPlatformBrowser [\#14553](https://github.com/primefaces/primeng/issues/14553) +- p-columnfilter: missing aria-label [\#14537](https://github.com/primefaces/primeng/issues/14537) +- Component: Chips. Duplicate validation is case sensitive [\#14550](https://github.com/primefaces/primeng/issues/14550) +- Paginator / Table: Configurable Dropdown Icon [\#9605](https://github.com/primefaces/primeng/issues/9605) +- Chart component should runOutsideOfAngular [\#14561](https://github.com/primefaces/primeng/issues/14561) +- Component: Table. Export CSV with cyrillic or chinese characters has broken encoding in Microsoft Excel [\#14562](https://github.com/primefaces/primeng/issues/14562) +- p-table: columnFilter p-calendar cropped by overflow [\#14564](https://github.com/primefaces/primeng/issues/14564) +- EditableColumn: error in ngOnChanges when input other than data changes [\#14525](https://github.com/primefaces/primeng/issues/14525) +- SplitButton contains a typo on "aria-haspopup" attribute [\#14533](https://github.com/primefaces/primeng/issues/14533) +- Calendar: Datepicker is hidden on PrimeNg homepage [\#14547](https://github.com/primefaces/primeng/issues/14547) + +## [17.3.2](https://github.com/primefaces/primeng/tree/17.3.2) (2024-01-10) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.3.1...17.3.2) + +**Fixed bugs:** +- Panel: id increments within component [\#14508](https://github.com/primefaces/primeng/issues/14508) +- p-inputNumber: With suffix and minDigits > 0, negative numbers lead to an unexpected cursor jump and frozen inputs [\#13651](https://github.com/primefaces/primeng/issues/13651) +- AutoComplete: Unique option doesn't work [\#14505](https://github.com/primefaces/primeng/issues/14505) +- p-dropdown: selecting an option or clearing the value should clear the filter input [\#14503](https://github.com/primefaces/primeng/issues/14503) +- p-autocomplete: optionLabel input has wrong type [\#14468](https://github.com/primefaces/primeng/issues/14468) +- p-dropdown: Cannot clear dropdown value [\#14513](https://github.com/primefaces/primeng/issues/14513) +- p-checkbox firing onClick event twice when clicking the label if inputId is populated [\#14487](https://github.com/primefaces/primeng/issues/14487) +- p-multiselect is not resetting when using with reactive form [\#14490](https://github.com/primefaces/primeng/issues/14490) +- Dropdown: Infinite loop dynamic options array [\#14319](https://github.com/primefaces/primeng/issues/14319) +- Component: Dropdown TypeError: option.toLowerCase is not a function (PringNG 17.0 + 17.1) [\#14370](https://github.com/primefaces/primeng/issues/14370) +- Accordian : TextArea shortcuts are not working when used in Accordian Panels [\#14368](https://github.com/primefaces/primeng/issues/14368) +- Dropdown: required attribute not set in hidden input element [\#14322](https://github.com/primefaces/primeng/issues/14322) +- Component: p-treeSelect - Material Design theme does not highlight items [\#14453](https://github.com/primefaces/primeng/issues/14453) +- Calendar: component emit different format on load then after change [\#14484](https://github.com/primefaces/primeng/issues/14484) +- p-dropdown: FilterBy multiple values is not working [\#14492](https://github.com/primefaces/primeng/issues/14492) +- Table Virtual Scroll with Fixed Columns and Lazy Loading Causes Erratic Scrolling and Incomplete Data Display [\#14488](https://github.com/primefaces/primeng/issues/14488) + +## [17.3.1](https://github.com/primefaces/primeng/tree/17.3.1) (2024-01-04) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.3.0...17.3.1) + +**Fixed bugs:** +- Table: Multiple selection with SHIFT/click does not work together with paginator and lazy loading [\#14140](https://github.com/primefaces/primeng/issues/14140) +- Toast | Close callback is not exposed in headless. [\#14483](https://github.com/primefaces/primeng/issues/14483) +- Exporting p-table with non exportable columns may lead in unecessary ending csvSeparator [\#14248](https://github.com/primefaces/primeng/issues/14248) +- Error loading dropdown menu after performing a filter on the field programmatically[\#14432](https://github.com/primefaces/primeng/issues/14432) +- Component: Tree checkbox disabled css not working [\#14251](https://github.com/primefaces/primeng/issues/14251) +- Dropdown | Component selects first option on tab press [\#14473](https://github.com/primefaces/primeng/issues/14473) +- Component: Sidebar. Cannot close sidebar programmatically [\#14450](https://github.com/primefaces/primeng/issues/14450) +- MegaMenu | Error: Cannot read properties of undefined [\#14476](https://github.com/primefaces/primeng/issues/14476) + +## [17.3.0](https://github.com/primefaces/primeng/tree/17.3.0) (2023-12-28) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.2.0...17.3.0) + +**Breaking Changes:** +- Dropdown | Deprecate autoDisplayFirst property [\#14426](https://github.com/primefaces/primeng/issues/14426) + +**Implemented New Features and Enhancements:** +- DynamicDialog: Need to turn off autofocus on first focusable element [\#13486](https://github.com/primefaces/primeng/issues/13486) +- Inconsistent filtering behavior in p-dropdown when options contain diacritics [\#10482](https://github.com/primefaces/primeng/issues/10482) + +**Fixed bugs:** +- Component: ToggleButton [\#14443](https://github.com/primefaces/primeng/issues/14443) +- Tree removed css classes [\#14445](https://github.com/primefaces/primeng/issues/14445) +- Component: Sidebar [\#14254](https://github.com/primefaces/primeng/issues/14254) +- Overlay Panel: Interaction with components inside panel template cause panel to hide [\#14323](https://github.com/primefaces/primeng/issues/14323) +- Menu | itemClick requires double click in popup mode if items generated by function [\#13934](https://github.com/primefaces/primeng/issues/13934) +- Component: p-picklist [\#14420](https://github.com/primefaces/primeng/issues/14420) +- Component: Dropdown - If editable is true and optionValue is present, the selected option will not be shown [\#14427](https://github.com/primefaces/primeng/issues/14427) +- columnFilter: unwanted close on mouseup [\#14410](https://github.com/primefaces/primeng/issues/14410) +- p-paginator: not accessible [\#12684](https://github.com/primefaces/primeng/issues/12684) +- Tooltip arrow is broken [\#12579](https://github.com/primefaces/primeng/issues/12579) +- AutoComplete: (Multiple) Placeholder does not disappear after selecting item [\#14376](https://github.com/primefaces/primeng/issues/14376) +- Component: MenuItem's property visible wasn't working [\#14316](https://github.com/primefaces/primeng/issues/14316) +- TreeSelect: Trigger Button missing aria-label [\#14355](https://github.com/primefaces/primeng/issues/14355) +- p-menubar: ERROR TypeError: Cannot read properties of undefined (reading 'item') when clicking on disabled menu item [\#14434](https://github.com/primefaces/primeng/issues/14434) +- Table/Scroller: Scroller scrolls left when sorting columns [\#14421](https://github.com/primefaces/primeng/issues/14421) +- Multiselect: pTemplate="selectedItems" layout is empty on first render using Reactive forms [\#14424](https://github.com/primefaces/primeng/issues/14424) +- Menubar | submenuicon template does not work [\#14430](https://github.com/primefaces/primeng/issues/14430) + +## [17.2.0](https://github.com/primefaces/primeng/tree/17.2.0) (2023-12-20) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.1.0...17.2.0) + +**Implemented New Features and Enhancements:** +- InputGroup | Add styleClass and style input properties [\#14404](https://github.com/primefaces/primeng/issues/14404) +- ContextMenu | Touch Device support [\#14375](https://github.com/primefaces/primeng/issues/14375) + +**Fixed bugs:** +- Lara Light Teal: $highlightBg implementation defect [\#14414](https://github.com/primefaces/primeng/issues/14414) +- Table: Not able to provide custom Icons for column filter clear icon [\#14397](https://github.com/primefaces/primeng/issues/14397) +- BlockUI: entire page is blocked if "blocked" input contains true by default (even if a target is defined) [\#14230](https://github.com/primefaces/primeng/issues/14230) +- Inputnumber: Inputnumber#currency mode not allowing to remove minus sign for Dollar and INR fields. [\#14327](https://github.com/primefaces/primeng/issues/14327) +- Galleria: After images change not correct numVisible value in component. [\#14401](https://github.com/primefaces/primeng/issues/14401) +- Multiselect does not focus filter input [\#14387](https://github.com/primefaces/primeng/issues/14387) +- Accordion: TextArea shortcuts are not working when used in Accordian Panels [\#14368](https://github.com/primefaces/primeng/issues/14368) +- Component: Autocomplete with long list of options adds scrollbar to the whole page [\#14281](https://github.com/primefaces/primeng/issues/14281) +- Dropdown Empty Filter Message not displayed [\#14409](https://github.com/primefaces/primeng/issues/14409) +- PickList: Filtering bug, when moving item to target list [\#14334](https://github.com/primefaces/primeng/issues/14334) +- Drodown: Unable to type spaces in editable dropdowns [\#14377](https://github.com/primefaces/primeng/issues/14377) +- Table | Apply Rule and Remove Rule texts are not visible in column filter [\#14365](https://github.com/primefaces/primeng/issues/14365) +- Autocomplete: ForceSelection does not force selection - formControl value is changed even without selection [\#14389](https://github.com/primefaces/primeng/issues/14389) +- Table: Sort icons are not showing correct amount directions [\#14403](https://github.com/primefaces/primeng/issues/14403) +- Component: PanelMenu repeated rendering [\#14373](https://github.com/primefaces/primeng/issues/14373) +- Table | Resized column style is not applied (w/column reorder) [\#14386](https://github.com/primefaces/primeng/issues/14386) + +## [17.1.0](https://github.com/primefaces/primeng/tree/17.1.0) (2023-12-13) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.0.0...17.1.0) + +**Implemented New Features and Enhancements:** +- DialogService | Add method to get instance [\#14352](https://github.com/primefaces/primeng/issues/14352) +- ConfirmPopup | Add headless template [\#14351](https://github.com/primefaces/primeng/issues/14351) +- ConfirmPopup | Add content template [\#14350](https://github.com/primefaces/primeng/issues/14350) +- Dialog | Add maskStyle input [\#14349](https://github.com/primefaces/primeng/issues/14349) +- Dialog | Add headless template [\#14348](https://github.com/primefaces/primeng/issues/14348) +- Toast | Add headless template [\#14347](https://github.com/primefaces/primeng/issues/14347) +- Sidebar | Add headless template [\#14346](https://github.com/primefaces/primeng/issues/14346) +- Progressbar | Add content template [\#14345](https://github.com/primefaces/primeng/issues/14345) +- DynamicDialog | Add breakpoints option to config [\#14344](https://github.com/primefaces/primeng/issues/14344) +- DynamicDialog | Template Support [\#14354](https://github.com/primefaces/primeng/issues/14354) +- ToggleButton | Add missing icon template [\#14286](https://github.com/primefaces/primeng/issues/14286) +- OverlayPanel | add missing aria attributes [\#14361](https://github.com/primefaces/primeng/issues/14361) + +**Fixed bugs:** +- PickList | clicking on p-picklist would cause TypeError: Cannot read properties of undefined (reading 'getAttribute') [\#14339](https://github.com/primefaces/primeng/issues/14339) +- 16.3.1 regression: p-overlayPanel dismisses when making changes to nested p-multiSelect with appendTo="body" [\#14120](https://github.com/primefaces/primeng/issues/14120) +- multiselect: clicking directly on the svg icon closes the overlay [\#14335](https://github.com/primefaces/primeng/issues/14335) +- Update of MenuItem's 'expanded' property not working [\#14329](https://github.com/primefaces/primeng/issues/14329) +- Table: Apply and Clear text buttons for filter menu are missing [\#14289](https://github.com/primefaces/primeng/issues/14289) +- Menu | items don't receive p-focus class [\#14295](https://github.com/primefaces/primeng/issues/14295) +- Dropdown: Preselected value not shown when using reactive forms [\#14241](https://github.com/primefaces/primeng/issues/14241) +- ListBox: emptyMessage not working [\#14294](https://github.com/primefaces/primeng/issues/14294) +- AutoComplete | Float label goes down after losing focus w/ multiple [\#14297](https://github.com/primefaces/primeng/issues/14297) +- MultiSelect: selectionLimit & floating label regression [\#14299](https://github.com/primefaces/primeng/issues/14299) +- applyFocus() method is working only when dropdown is editable. [\#14051](https://github.com/primefaces/primeng/issues/14051) +- Removing an item from autocomplete closes p-OverlayPanel [\#14300](https://github.com/primefaces/primeng/issues/14300) +- Avatar | Missing alt attribute on image [\#14296](https://github.com/primefaces/primeng/issues/14296) + +## [17.0.0](https://github.com/primefaces/primeng/tree/17.0.0) (2023-12-06) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.0.0-rc.1...17.0.0) + +**Implemented New Features and Enhancements:** +- Checkbox: Add blur event [\#13800](https://github.com/primefaces/primeng/issues/13800) + +**Fixed bugs:** +- Calendar | Today doesn't receive focus [\#14256](https://github.com/primefaces/primeng/issues/14256) +- pMultiSelect: The filter isn't working as it did before, specifically in terms of filtering by label [\#14194](https://github.com/primefaces/primeng/issues/14194) +- EditorModule doesn't support SSR [\#8817](https://github.com/primefaces/primeng/issues/8817) +- Component: Button styleClass [\#13963](https://github.com/primefaces/primeng/issues/13963) +- TreeTable: treeTableToggler missing aria-label [\#14271](https://github.com/primefaces/primeng/issues/14271) +- p-dropdown: when filtering, placeholder is displayed even if there is a selected option [\#14282](https://github.com/primefaces/primeng/issues/14282) +- Table: p-columnFilter missing aria-label [\#14272](https://github.com/primefaces/primeng/issues/14272) +- Component: Multiselect Component Close Button Accessibility Issues - Close Button is empty + Screen Reader reads 'Unlabeled button' [\#13859](https://github.com/primefaces/primeng/issues/13859) +- p-dropdown: REGRESSION a value of null or '' was previously treated as valid dropdown values, now it looks like they are treated as undefined [\#14223](https://github.com/primefaces/primeng/issues/14223) +- AutoComplete: Change detection issue in dialog component [\#14262](https://github.com/primefaces/primeng/issues/14262) +- PrimeNG table is not honoring the sort column and sort order specified when groupRowsBy is added. [\#13773](https://github.com/primefaces/primeng/issues/13773) +- Menu: Accessibility rule F85. Lost focus on TAB [\#14246](https://github.com/primefaces/primeng/issues/14246) ## [17.0.0-rc.1](https://github.com/primefaces/primeng/tree/17.0.0-rc.1) (2023-11-29) @@ -28,6 +424,51 @@ - TypeError: this.focusedItemInfo.mutate is not a function [\#14119](https://github.com/primefaces/primeng/issues/14119) - Upgrade to Angular 17? [\#14063](https://github.com/primefaces/primeng/issues/14063) +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [16.9.6-LTS](https://www.npmjs.com/package/primeng/v/16.9.6-lts) (2024-03-07) + +**Implemented New Features and Enhancements:** +- ColorPicker: Form elements must have labels [\#14941](https://github.com/primefaces/primeng/issues/14941) + +**Fixed bugs:** +- Tree: If user filter tree nodes and then lazy load new children (with .key prop) - nodeClick event is not emitted [\#14723](https://github.com/primefaces/primeng/issues/14723) +- Tree: Certain ARIA roles must be contained by particular parents [\#14913](https://github.com/primefaces/primeng/issues/14913) +- Tree | ARIA attributes must conform to valid values [\#14912](https://github.com/primefaces/primeng/issues/14912) +- Scroll bar for the base page reappears after closing a secondary modal despite one modal still being open [\#14933](https://github.com/primefaces/primeng/issues/14933) +- Drag-and-Drop Functionality Disrupted by extra tag [\#14935](https://github.com/primefaces/primeng/issues/14935) +- Table, pFrozenColumn: Frozen columns are extremely slow and kick off many change detection cycles [\#14579](https://github.com/primefaces/primeng/issues/14579) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [16.9.5-LTS](https://www.npmjs.com/package/primeng/v/16.9.5-lts) (2024-02-07) + +**Fixed bugs:** +- The scrollToIndex method on VirtualScroller does not scroll to the correct index when triggered twice. [\#14731](https://github.com/primefaces/primeng/issues/14731) +- Checkbox: Disabled property does not work when it's used with formControlName [\#14693](https://github.com/primefaces/primeng/issues/14693) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [16.9.4-LTS](https://www.npmjs.com/package/primeng/v/16.9.4-lts) (2024-01-19) + +**Fixed bugs:** +- Table Virtual Scroll with Fixed Columns and Lazy Loading Causes Erratic Scrolling and Incomplete Data Display [\#14488](https://github.com/primefaces/primeng/issues/14488) +- TreeTable with scrollHeight="flex" shrinks the header as the table rows are expanded. [\#14523](https://github.com/primefaces/primeng/issues/14523) +- GalleriaThumbnail afterViewInit use platformBrowser instead of isPlatformBrowser. [\#14534](https://github.com/primefaces/primeng/issues/14534) +- Autocomplete: focus not being applied when clicking around input [\#14530](https://github.com/primefaces/primeng/issues/14530) +- Button | StyleClass does not work as expected [\#14583](https://github.com/primefaces/primeng/issues/14583) +- MegaMenu | Error: Cannot read properties of undefined [\#14476](https://github.com/primefaces/primeng/issues/14476) +- Table: Apply and Clear text buttons for filter menu are missing [\#14289](https://github.com/primefaces/primeng/issues/14289) +- Dropdown: Infinite loop dynamic options array [\#14319](https://github.com/primefaces/primeng/issues/14319) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [16.9.3-LTS](https://www.npmjs.com/package/primeng/v/16.9.3-lts) (2023-12-28) + +**Fixed bugs:** +- LTS 14 & 16 - Update LicenseManager and fix the false version check [\#14449](https://github.com/primefaces/primeng/issues/14449) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [16.9.2-LTS](https://www.npmjs.com/package/primeng/v/16.9.2-lts) (2023-12-14) + +**Fixed bugs:** +- AutoComplete | Float label goes down after losing focus w/ multiple [\#14297](https://github.com/primefaces/primeng/issues/14297) +- MultiSelect: selectionLimit & floating label regression [\#14299](https://github.com/primefaces/primeng/issues/14299) +- Menu | items don't receive p-focus class [\#14295](https://github.com/primefaces/primeng/issues/14295) +- Removing an item from autocomplete closes p-OverlayPanel [\#14300](https://github.com/primefaces/primeng/issues/14300) + + ## [16.9.1](https://github.com/primefaces/primeng/tree/16.9.1) (2023-11-23) [Full Changelog](https://github.com/primefaces/primeng/compare/16.9.0...16.9.1) @@ -216,12 +657,18 @@ - p-dialog: ExpressionChangedAfterItHasBeenCheckedError with attr.aria-labelledby [\#13636](https://github.com/primefaces/primeng/issues/13636) - Textarea: autoResize doesn't work when used inside a Dialog [\#9231](https://github.com/primefaces/primeng/issues/9231) +## [16.4.3](https://github.com/primefaces/primeng/tree/16.4.3) (2024-01-04) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.4.2...16.4.3) + +**Fixed bugs:** +- ContextMenu | Touch Device support[\#14375](https://github.com/primefaces/primeng/issues/14375) + ## [16.4.2](https://github.com/primefaces/primeng/tree/16.4.2) (2023-11-10) [Full Changelog](https://github.com/primefaces/primeng/compare/16.4.1...16.4.2) **Fixed bugs:** - - TreeTable | Global filter to search tree-table is not returning all the relevant results [\#14082](https://github.com/primefaces/primeng/issues/14082) - Dropdown | FocusTrap doesn't allow user to tab on next element [\#14083](https://github.com/primefaces/primeng/issues/14083) @@ -230,7 +677,6 @@ [Full Changelog](https://github.com/primefaces/primeng/compare/16.4.0...16.4.1) **Fixed bugs:** - - Menu Components | id property of menuItem API is ignored [\#13763](https://github.com/primefaces/primeng/issues/13763) - ESLint Error [\#13764](https://github.com/primefaces/primeng/issues/13764) - Table: Incorrect behavior when a column is both sortable and filterable, and user clicks on a certain part of the filter icon [\#13361](https://github.com/primefaces/primeng/issues/13361) @@ -243,7 +689,6 @@ [Full Changelog](https://github.com/primefaces/primeng/compare/16.3.1...16.4.0) **Implemented New Features and Enhancements:** - - Theme updates: change :focus to focus-visible [\#13740](https://github.com/primefaces/primeng/issues/13740) - New @layer implementation [\#13737](https://github.com/primefaces/primeng/issues/13737) - dynamic dialog module (same instances on top of each other) and update deprecated methods [\#13617](https://github.com/primefaces/primeng/issues/13617) @@ -257,7 +702,6 @@ - Add GTAG Manager [\#13626](https://github.com/primefaces/primeng/issues/13626) **Fixed bugs:** - - TreeSelect: Close Button icon not centred [\#13750](https://github.com/primefaces/primeng/issues/13750) - PrimeNG 16.1.0 selecting a menu option causes panel to scroll [\#13390](https://github.com/primefaces/primeng/issues/13390) - p-tabPanel does not detect changes when "headerStyle", "headerStyleClass" binding is changed [\#13746](https://github.com/primefaces/primeng/issues/13746) @@ -296,7 +740,6 @@ [Full Changelog](https://github.com/primefaces/primeng/compare/16.3.0...16.3.1) **Fixed bugs:** - - PrimeNG build is not working [\#13581](https://github.com/primefaces/primeng/issues/13581) ## [16.3.0](https://github.com/primefaces/primeng/tree/16.3.0) (2023-08-30) @@ -547,6 +990,36 @@ - Checkbox in p-treeNode always checked when using custom icon [\#12951](https://github.com/primefaces/primeng/issues/12951) - ConfirmDialog: Duplicated AcceptIcons [\#13001](https://github.com/primefaces/primeng/issues/13001) +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.17-LTS](https://www.npmjs.com/package/primeng/v/15.4.17-lts) (2024-03-07) + +**Fixed bugs:** +- Tree: If user filter tree nodes and then lazy load new children (with .key prop) - nodeClick event is not emitted [\#14723](https://github.com/primefaces/primeng/issues/14723) +- Table, pFrozenColumn: Frozen columns are extremely slow and kick off many change detection cycles [\#14579](https://github.com/primefaces/primeng/issues/14579) + + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.16-LTS](https://www.npmjs.com/package/primeng/v/15.4.16-lts) (2024-02-07) + +**Fixed bugs:** +- The scrollToIndex method on VirtualScroller does not scroll to the correct index when triggered twice. [\#14731](https://github.com/primefaces/primeng/issues/14731) +- Checkbox: Disabled property does not work when it's used with formControlName [\#14693](https://github.com/primefaces/primeng/issues/14693) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.15-LTS](https://www.npmjs.com/package/primeng/v/15.4.15-lts) (2024-01-19) + +**Fixed bugs:** +- TreeTable with scrollHeight="flex" shrinks the header as the table rows are expanded. [\#14523](https://github.com/primefaces/primeng/issues/14523) +- GalleriaThumbnail afterViewInit use platformBrowser instead of isPlatformBrowser [\#14534](https://github.com/primefaces/primeng/issues/14534) +- Table Virtual Scroll with Fixed Columns and Lazy Loading Causes Erratic Scrolling and Incomplete Data Display [\#14488](https://github.com/primefaces/primeng/issues/14488) +- Autocomplete: focus not being applied when clicking around input [\#14530](https://github.com/primefaces/primeng/issues/14530) +- Button | StyleClass does not work as expected [\#14583](https://github.com/primefaces/primeng/issues/14583) + + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.14-LTS](https://www.npmjs.com/package/primeng/v/15.4.14-lts) (2023-12-14) + +**Fixed bugs:** +- PrimeNG table is not honoring the sort column and sort order specified when groupRowsBy is added. [\#13773](https://github.com/primefaces/primeng/issues/13773) +- dataTable : is hidden by with frozenColumn [\#13781](https://github.com/primefaces/primeng/issues/13781) + + ## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.13-LTS](https://www.npmjs.com/package/primeng/v/15.4.13-lts) (2023-11-17) **Fixed bugs:** @@ -841,6 +1314,10 @@ - Sidebar: Footer Templating [\#12259](https://github.com/primefaces/primeng/issues/12259) - Calendar: Day names don't update [\#12148](https://github.com/primefaces/primeng/issues/12148) +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [14.2.17-LTS](https://www.npmjs.com/package/primeng/v/14.2.17-lts) (2023-12-28) +**Fixed bugs:** +- LTS 14 & 16 - Update LicenseManager and fix the false version check [\#14449](https://github.com/primefaces/primeng/issues/14449) + ## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [14.2.16-LTS](https://www.npmjs.com/package/primeng/v/14.2.16-lts) (2023-11-17) **Fixed bugs:** - Fileupload component disables upload button [\#14046](https://github.com/primefaces/primeng/issues/14046) diff --git a/angular.json b/angular.json old mode 100755 new mode 100644 index 5e12247afd2..3ff4f70e5a9 --- a/angular.json +++ b/angular.json @@ -28,41 +28,53 @@ "prefix": "app", "architect": { "build": { - "builder": "@angular-devkit/build-angular:browser", + "builder": "@angular-devkit/build-angular:application", "options": { - "outputPath": "dist/primeng/browser", + "outputPath": "dist/primeng", "index": "src/index.html", - "main": "src/main.ts", - "polyfills": ["zone.js"], + "browser": "src/main.ts", + "polyfills": [ + "zone.js" + ], "tsConfig": "tsconfig.app.json", "inlineStyleLanguage": "scss", - "assets": ["src/assets"], - "styles": ["src/styles.scss"], - "scripts": ["./node_modules/prismjs/prism.js", "./node_modules/prismjs/components/prism-typescript.js", "./node_modules/prismjs/components/prism-scss.js", "./node_modules/prismjs/components/prism-bash.js"], - "allowedCommonJsDependencies": ["chart.js", "xlsx", "jspdf-autotable", "file-saver", "jspdf", "quill", "core-js", "raf", "rgbcolor"] + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "styles": [ + "src/styles.scss" + ], + "scripts": [ + "./node_modules/prismjs/prism.js", + "./node_modules/prismjs/components/prism-typescript.js", + "./node_modules/prismjs/components/prism-scss.js", + "./node_modules/prismjs/components/prism-bash.js" + ], + "allowedCommonJsDependencies": [ + "chart.js", + "xlsx", + "jspdf-autotable", + "file-saver", + "jspdf", + "quill", + "core-js", + "raf", + "rgbcolor" + ], + "server": "src/main.server.ts", + "ssr": { + "entry": "server.ts" + } }, "configurations": { "production": { - "fileReplacements": [ - { - "replace": "src/environments/environment.ts", - "with": "src/environments/environment.prod.ts" - } - ], - "optimization": { - "styles": { - "inlineCritical": false - } - }, "outputHashing": "all" }, "development": { - "buildOptimizer": false, "optimization": false, - "vendorChunk": true, "extractLicenses": false, - "sourceMap": true, - "namedChunks": true + "sourceMap": true } }, "defaultConfiguration": "production" @@ -88,38 +100,26 @@ "test": { "builder": "@angular-devkit/build-angular:karma", "options": { - "main": "src/test.ts", - "polyfills": "src/polyfills.ts", + "polyfills": [ + "zone.js", + "zone.js/testing" + ], "tsConfig": "tsconfig.spec.json", - "karmaConfig": "karma.conf.js", - "assets": ["src/assets"], - "styles": ["src/styles.scss", "src/assets/components/themes/lara-light-blue/theme.css"], + "inlineStyleLanguage": "scss", + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "styles": [ + "src/styles.scss" + ], "scripts": [] } - }, - "server": { - "builder": "@angular-devkit/build-angular:server", - "options": { - "outputPath": "dist/primeng/server", - "main": "server.ts", - "tsConfig": "tsconfig.server.json", - "inlineStyleLanguage": "scss", - "optimization": false - }, - "configurations": { - "production": { - "outputHashing": "media" - }, - "development": { - "optimization": false, - "sourceMap": true, - "extractLicenses": false, - "vendorChunk": true - } - }, - "defaultConfiguration": "production" } } } + }, + "cli": { + "analytics": false } -} +} \ No newline at end of file diff --git a/api/index.js b/api/index.js index 28f7ffee344..35865b96737 100644 --- a/api/index.js +++ b/api/index.js @@ -1,4 +1,5 @@ -/* eslint-env es6 */ -const server = require('../dist/primeng/server/main'); +import { app } from '../dist/primeng/server/server.mjs'; -module.exports = server.app(); +const server = app(); + +export default server; diff --git a/package-lock.json b/package-lock.json index 91fc7f7f205..b808a3b3263 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,46 +1,45 @@ { "name": "primeng", - "version": "17.0.0-rc.1", + "version": "17.12.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "primeng", - "version": "17.0.0-rc.1", + "version": "17.12.0", "license": "SEE LICENSE IN LICENSE.md", - "dependencies": { - "@angular/ssr": "^17.0.3", - "@docsearch/js": "^3.3.4", - "express": "^4.18.2" - }, "devDependencies": { - "@angular-devkit/build-angular": "^17.0.0", - "@angular-eslint/eslint-plugin": "17.0.0", - "@angular-eslint/eslint-plugin-template": "17.0.0", - "@angular-eslint/schematics": "17.0.0", - "@angular-eslint/template-parser": "17.0.0", - "@angular/animations": "^17.0.0", - "@angular/cdk": "^17.0.0", - "@angular/cli": "^17.0.0", - "@angular/common": "^17.0.0", - "@angular/compiler": "^17.0.0", - "@angular/compiler-cli": "^17.0.0", - "@angular/core": "^17.0.0", - "@angular/forms": "^17.0.0", - "@angular/platform-browser": "^17.0.0", - "@angular/platform-browser-dynamic": "^17.0.0", - "@angular/platform-server": "^17.0.0", - "@angular/router": "^17.0.0", + "@angular-devkit/build-angular": "^17.3.1", + "@angular-eslint/eslint-plugin": "17.3.0", + "@angular-eslint/eslint-plugin-template": "17.3.0", + "@angular-eslint/schematics": "17.3.0", + "@angular-eslint/template-parser": "17.3.0", + "@angular/animations": "^17.3.1", + "@angular/cdk": "^17.3.1", + "@angular/cli": "^17.3.1", + "@angular/common": "^17.3.1", + "@angular/compiler": "^17.3.1", + "@angular/compiler-cli": "^17.3.1", + "@angular/core": "^17.3.1", + "@angular/forms": "^17.3.1", + "@angular/platform-browser": "^17.3.1", + "@angular/platform-browser-dynamic": "^17.3.1", + "@angular/platform-server": "^17.3.1", + "@angular/router": "^17.3.1", + "@angular/ssr": "^17.3.1", + "@docsearch/js": "^3.3.4", "@stackblitz/sdk": "1.9.0", "@types/express": "^4.17.17", "@types/jasmine": "~4.3.1", "@types/jest": "^29.5.1", - "@types/node": "^16.10.9", + "@types/node": "^16.18.67", + "@types/react": "^18.2.41", "@typescript-eslint/eslint-plugin": "^6.6.0", "chart.js": "3.3.2", "codelyzer": "^0.0.28", "del": "^7.1.0", "domino": "^2.1.6", + "esbuild": "^0.19.8", "eslint": "^8.39.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-import": "latest", @@ -62,7 +61,7 @@ "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.0.0", - "ng-packagr": "^17.0.0", + "ng-packagr": "^17.2.0", "prettier": "2.8.8", "primeflex": "^3.3.1", "primeicons": "^6.0.1", @@ -79,15 +78,18 @@ }, "node_modules/@aashutoshrathi/word-wrap": { "version": "1.2.6", + "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz", + "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/@algolia/autocomplete-core": { "version": "1.9.3", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.9.3.tgz", + "integrity": "sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==", + "dev": true, "dependencies": { "@algolia/autocomplete-plugin-algolia-insights": "1.9.3", "@algolia/autocomplete-shared": "1.9.3" @@ -95,7 +97,9 @@ }, "node_modules/@algolia/autocomplete-plugin-algolia-insights": { "version": "1.9.3", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.9.3.tgz", + "integrity": "sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==", + "dev": true, "dependencies": { "@algolia/autocomplete-shared": "1.9.3" }, @@ -105,7 +109,9 @@ }, "node_modules/@algolia/autocomplete-preset-algolia": { "version": "1.9.3", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.9.3.tgz", + "integrity": "sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==", + "dev": true, "dependencies": { "@algolia/autocomplete-shared": "1.9.3" }, @@ -116,131 +122,163 @@ }, "node_modules/@algolia/autocomplete-shared": { "version": "1.9.3", - "license": "MIT", + "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.9.3.tgz", + "integrity": "sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==", + "dev": true, "peerDependencies": { "@algolia/client-search": ">= 4.9.1 < 6", "algoliasearch": ">= 4.9.1 < 6" } }, "node_modules/@algolia/cache-browser-local-storage": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.22.1.tgz", + "integrity": "sha512-Sw6IAmOCvvP6QNgY9j+Hv09mvkvEIDKjYW8ow0UDDAxSXy664RBNQk3i/0nt7gvceOJ6jGmOTimaZoY1THmU7g==", + "dev": true, "dependencies": { - "@algolia/cache-common": "4.20.0" + "@algolia/cache-common": "4.22.1" } }, "node_modules/@algolia/cache-common": { - "version": "4.20.0", - "license": "MIT" + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.22.1.tgz", + "integrity": "sha512-TJMBKqZNKYB9TptRRjSUtevJeQVXRmg6rk9qgFKWvOy8jhCPdyNZV1nB3SKGufzvTVbomAukFR8guu/8NRKBTA==", + "dev": true }, "node_modules/@algolia/cache-in-memory": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.22.1.tgz", + "integrity": "sha512-ve+6Ac2LhwpufuWavM/aHjLoNz/Z/sYSgNIXsinGofWOysPilQZPUetqLj8vbvi+DHZZaYSEP9H5SRVXnpsNNw==", + "dev": true, "dependencies": { - "@algolia/cache-common": "4.20.0" + "@algolia/cache-common": "4.22.1" } }, "node_modules/@algolia/client-account": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.22.1.tgz", + "integrity": "sha512-k8m+oegM2zlns/TwZyi4YgCtyToackkOpE+xCaKCYfBfDtdGOaVZCM5YvGPtK+HGaJMIN/DoTL8asbM3NzHonw==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.20.0", - "@algolia/client-search": "4.20.0", - "@algolia/transporter": "4.20.0" + "@algolia/client-common": "4.22.1", + "@algolia/client-search": "4.22.1", + "@algolia/transporter": "4.22.1" } }, "node_modules/@algolia/client-analytics": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.22.1.tgz", + "integrity": "sha512-1ssi9pyxyQNN4a7Ji9R50nSdISIumMFDwKNuwZipB6TkauJ8J7ha/uO60sPJFqQyqvvI+px7RSNRQT3Zrvzieg==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.20.0", - "@algolia/client-search": "4.20.0", - "@algolia/requester-common": "4.20.0", - "@algolia/transporter": "4.20.0" + "@algolia/client-common": "4.22.1", + "@algolia/client-search": "4.22.1", + "@algolia/requester-common": "4.22.1", + "@algolia/transporter": "4.22.1" } }, "node_modules/@algolia/client-common": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.22.1.tgz", + "integrity": "sha512-IvaL5v9mZtm4k4QHbBGDmU3wa/mKokmqNBqPj0K7lcR8ZDKzUorhcGp/u8PkPC/e0zoHSTvRh7TRkGX3Lm7iOQ==", + "dev": true, "dependencies": { - "@algolia/requester-common": "4.20.0", - "@algolia/transporter": "4.20.0" + "@algolia/requester-common": "4.22.1", + "@algolia/transporter": "4.22.1" } }, "node_modules/@algolia/client-personalization": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.22.1.tgz", + "integrity": "sha512-sl+/klQJ93+4yaqZ7ezOttMQ/nczly/3GmgZXJ1xmoewP5jmdP/X/nV5U7EHHH3hCUEHeN7X1nsIhGPVt9E1cQ==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.20.0", - "@algolia/requester-common": "4.20.0", - "@algolia/transporter": "4.20.0" + "@algolia/client-common": "4.22.1", + "@algolia/requester-common": "4.22.1", + "@algolia/transporter": "4.22.1" } }, "node_modules/@algolia/client-search": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.22.1.tgz", + "integrity": "sha512-yb05NA4tNaOgx3+rOxAmFztgMTtGBi97X7PC3jyNeGiwkAjOZc2QrdZBYyIdcDLoI09N0gjtpClcackoTN0gPA==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.20.0", - "@algolia/requester-common": "4.20.0", - "@algolia/transporter": "4.20.0" + "@algolia/client-common": "4.22.1", + "@algolia/requester-common": "4.22.1", + "@algolia/transporter": "4.22.1" } }, "node_modules/@algolia/logger-common": { - "version": "4.20.0", - "license": "MIT" + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.22.1.tgz", + "integrity": "sha512-OnTFymd2odHSO39r4DSWRFETkBufnY2iGUZNrMXpIhF5cmFE8pGoINNPzwg02QLBlGSaLqdKy0bM8S0GyqPLBg==", + "dev": true }, "node_modules/@algolia/logger-console": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.22.1.tgz", + "integrity": "sha512-O99rcqpVPKN1RlpgD6H3khUWylU24OXlzkavUAMy6QZd1776QAcauE3oP8CmD43nbaTjBexZj2nGsBH9Tc0FVA==", + "dev": true, "dependencies": { - "@algolia/logger-common": "4.20.0" + "@algolia/logger-common": "4.22.1" } }, "node_modules/@algolia/requester-browser-xhr": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.22.1.tgz", + "integrity": "sha512-dtQGYIg6MteqT1Uay3J/0NDqD+UciHy3QgRbk7bNddOJu+p3hzjTRYESqEnoX/DpEkaNYdRHUKNylsqMpgwaEw==", + "dev": true, "dependencies": { - "@algolia/requester-common": "4.20.0" + "@algolia/requester-common": "4.22.1" } }, "node_modules/@algolia/requester-common": { - "version": "4.20.0", - "license": "MIT" + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.22.1.tgz", + "integrity": "sha512-dgvhSAtg2MJnR+BxrIFqlLtkLlVVhas9HgYKMk2Uxiy5m6/8HZBL40JVAMb2LovoPFs9I/EWIoFVjOrFwzn5Qg==", + "dev": true }, "node_modules/@algolia/requester-node-http": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.22.1.tgz", + "integrity": "sha512-JfmZ3MVFQkAU+zug8H3s8rZ6h0ahHZL/SpMaSasTCGYR5EEJsCc8SI5UZ6raPN2tjxa5bxS13BRpGSBUens7EA==", + "dev": true, "dependencies": { - "@algolia/requester-common": "4.20.0" + "@algolia/requester-common": "4.22.1" } }, "node_modules/@algolia/transporter": { - "version": "4.20.0", - "license": "MIT", + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.22.1.tgz", + "integrity": "sha512-kzWgc2c9IdxMa3YqA6TN0NW5VrKYYW/BELIn7vnLyn+U/RFdZ4lxxt9/8yq3DKV5snvoDzzO4ClyejZRdV3lMQ==", + "dev": true, "dependencies": { - "@algolia/cache-common": "4.20.0", - "@algolia/logger-common": "4.20.0", - "@algolia/requester-common": "4.20.0" + "@algolia/cache-common": "4.22.1", + "@algolia/logger-common": "4.22.1", + "@algolia/requester-common": "4.22.1" } }, "node_modules/@ampproject/remapping": { - "version": "2.2.1", + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", + "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==", "dev": true, - "license": "Apache-2.0", "dependencies": { - "@jridgewell/gen-mapping": "^0.3.0", - "@jridgewell/trace-mapping": "^0.3.9" + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" }, "engines": { "node": ">=6.0.0" } }, "node_modules/@angular-devkit/architect": { - "version": "0.1700.3", + "version": "0.1703.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1703.1.tgz", + "integrity": "sha512-vkfvURv7O+3fHMTE9K+yUEiFS0v4JNYKsDP0LE1ChH5Ocy0bJXGcH2Cyz2W8qdJGDG/tKe41VzvOLpu88Xv3zQ==", "dev": true, - "license": "MIT", "dependencies": { - "@angular-devkit/core": "17.0.3", + "@angular-devkit/core": "17.3.1", "rxjs": "7.8.1" }, "engines": { @@ -250,71 +288,70 @@ } }, "node_modules/@angular-devkit/build-angular": { - "version": "17.0.3", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-17.3.1.tgz", + "integrity": "sha512-e+hZvLVH5AvHCFbVtKRd5oJeFsEmjg7kK1V6hsVxH4YE2f2x399TSr+AGxwV+R3jnjZ67ujIeXXd0Uuf1RwcSg==", "dev": true, - "license": "MIT", "dependencies": { - "@ampproject/remapping": "2.2.1", - "@angular-devkit/architect": "0.1700.3", - "@angular-devkit/build-webpack": "0.1700.3", - "@angular-devkit/core": "17.0.3", - "@babel/core": "7.23.2", - "@babel/generator": "7.23.0", + "@ampproject/remapping": "2.3.0", + "@angular-devkit/architect": "0.1703.1", + "@angular-devkit/build-webpack": "0.1703.1", + "@angular-devkit/core": "17.3.1", + "@babel/core": "7.24.0", + "@babel/generator": "7.23.6", "@babel/helper-annotate-as-pure": "7.22.5", "@babel/helper-split-export-declaration": "7.22.6", - "@babel/plugin-transform-async-generator-functions": "7.23.2", - "@babel/plugin-transform-async-to-generator": "7.22.5", - "@babel/plugin-transform-runtime": "7.23.2", - "@babel/preset-env": "7.23.2", - "@babel/runtime": "7.23.2", + "@babel/plugin-transform-async-generator-functions": "7.23.9", + "@babel/plugin-transform-async-to-generator": "7.23.3", + "@babel/plugin-transform-runtime": "7.24.0", + "@babel/preset-env": "7.24.0", + "@babel/runtime": "7.24.0", "@discoveryjs/json-ext": "0.5.7", - "@ngtools/webpack": "17.0.3", - "@vitejs/plugin-basic-ssl": "1.0.1", + "@ngtools/webpack": "17.3.1", + "@vitejs/plugin-basic-ssl": "1.1.0", "ansi-colors": "4.1.3", - "autoprefixer": "10.4.16", + "autoprefixer": "10.4.18", "babel-loader": "9.1.3", "babel-plugin-istanbul": "6.1.1", - "browser-sync": "2.29.3", "browserslist": "^4.21.5", - "chokidar": "3.5.3", "copy-webpack-plugin": "11.0.0", - "critters": "0.0.20", - "css-loader": "6.8.1", - "esbuild-wasm": "0.19.5", - "fast-glob": "3.3.1", + "critters": "0.0.22", + "css-loader": "6.10.0", + "esbuild-wasm": "0.20.1", + "fast-glob": "3.3.2", "http-proxy-middleware": "2.0.6", - "https-proxy-agent": "7.0.2", - "inquirer": "9.2.11", - "jsonc-parser": "3.2.0", + "https-proxy-agent": "7.0.4", + "inquirer": "9.2.15", + "jsonc-parser": "3.2.1", "karma-source-map-support": "1.4.0", "less": "4.2.0", "less-loader": "11.1.0", "license-webpack-plugin": "4.0.2", "loader-utils": "3.2.1", - "magic-string": "0.30.5", - "mini-css-extract-plugin": "2.7.6", - "mrmime": "1.0.1", + "magic-string": "0.30.8", + "mini-css-extract-plugin": "2.8.1", + "mrmime": "2.0.0", "open": "8.4.2", "ora": "5.4.1", "parse5-html-rewriting-stream": "7.0.0", - "picomatch": "3.0.1", - "piscina": "4.1.0", - "postcss": "8.4.31", - "postcss-loader": "7.3.3", + "picomatch": "4.0.1", + "piscina": "4.4.0", + "postcss": "8.4.35", + "postcss-loader": "8.1.1", "resolve-url-loader": "5.0.0", "rxjs": "7.8.1", - "sass": "1.69.5", - "sass-loader": "13.3.2", - "semver": "7.5.4", - "source-map-loader": "4.0.1", + "sass": "1.71.1", + "sass-loader": "14.1.1", + "semver": "7.6.0", + "source-map-loader": "5.0.0", "source-map-support": "0.5.21", - "terser": "5.24.0", - "text-table": "0.2.0", + "terser": "5.29.1", "tree-kill": "1.2.2", "tslib": "2.6.2", - "undici": "5.27.2", - "vite": "4.5.0", - "webpack": "5.89.0", + "undici": "6.7.1", + "vite": "5.1.5", + "watchpack": "2.4.0", + "webpack": "5.90.3", "webpack-dev-middleware": "6.1.1", "webpack-dev-server": "4.15.1", "webpack-merge": "5.10.0", @@ -326,20 +363,22 @@ "yarn": ">= 1.13.0" }, "optionalDependencies": { - "esbuild": "0.19.5" + "esbuild": "0.20.1" }, "peerDependencies": { "@angular/compiler-cli": "^17.0.0", "@angular/localize": "^17.0.0", "@angular/platform-server": "^17.0.0", "@angular/service-worker": "^17.0.0", + "@web/test-runner": "^0.18.0", + "browser-sync": "^3.0.2", "jest": "^29.5.0", "jest-environment-jsdom": "^29.5.0", "karma": "^6.3.0", "ng-packagr": "^17.0.0", "protractor": "^7.0.0", "tailwindcss": "^2.0.0 || ^3.0.0", - "typescript": ">=5.2 <5.3" + "typescript": ">=5.2 <5.5" }, "peerDependenciesMeta": { "@angular/localize": { @@ -351,6 +390,12 @@ "@angular/service-worker": { "optional": true }, + "@web/test-runner": { + "optional": true + }, + "browser-sync": { + "optional": true + }, "jest": { "optional": true }, @@ -371,226 +416,1116 @@ } } }, - "node_modules/@angular-devkit/build-angular/node_modules/@ngtools/webpack": { - "version": "17.0.3", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/aix-ppc64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.1.tgz", + "integrity": "sha512-m55cpeupQ2DbuRGQMMZDzbv9J9PgVelPjlcmM5kxHnrBdBx6REaEd7LamYV7Dm8N7rCyR/XwU6rVP8ploKtIkA==", + "cpu": [ + "ppc64" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "aix" + ], "engines": { - "node": "^18.13.0 || >=20.9.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "@angular/compiler-cli": "^17.0.0", - "typescript": ">=5.2 <5.3", - "webpack": "^5.54.0" + "node": ">=12" } }, - "node_modules/@angular-devkit/build-webpack": { - "version": "0.1700.3", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-arm": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.1.tgz", + "integrity": "sha512-4j0+G27/2ZXGWR5okcJi7pQYhmkVgb4D7UKwxcqrjhvp5TKWx3cUjgB1CGj1mfdmJBQ9VnUGgUhign+FPF2Zgw==", + "cpu": [ + "arm" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-devkit/architect": "0.1700.3", - "rxjs": "7.8.1" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": "^18.13.0 || >=20.9.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "webpack": "^5.30.0", - "webpack-dev-server": "^4.0.0" + "node": ">=12" } }, - "node_modules/@angular-devkit/core": { - "version": "17.0.3", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-arm64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.1.tgz", + "integrity": "sha512-hCnXNF0HM6AjowP+Zou0ZJMWWa1VkD77BXe959zERgGJBBxB+sV+J9f/rcjeg2c5bsukD/n17RKWXGFCO5dD5A==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "ajv": "8.12.0", - "ajv-formats": "2.1.1", - "jsonc-parser": "3.2.0", - "picomatch": "3.0.1", - "rxjs": "7.8.1", - "source-map": "0.7.4" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": "^18.13.0 || >=20.9.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "chokidar": "^3.5.2" - }, - "peerDependenciesMeta": { - "chokidar": { - "optional": true - } + "node": ">=12" } }, - "node_modules/@angular-devkit/schematics": { - "version": "17.0.3", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.1.tgz", + "integrity": "sha512-MSfZMBoAsnhpS+2yMFYIQUPs8Z19ajwfuaSZx+tSl09xrHZCjbeXXMsUF/0oq7ojxYEpsSo4c0SfjxOYXRbpaA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-devkit/core": "17.0.3", - "jsonc-parser": "3.2.0", - "magic-string": "0.30.5", - "ora": "5.4.1", - "rxjs": "7.8.1" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": "^18.13.0 || >=20.9.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" + "node": ">=12" } }, - "node_modules/@angular-eslint/bundled-angular-compiler": { - "version": "17.0.0", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/darwin-arm64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.1.tgz", + "integrity": "sha512-Ylk6rzgMD8klUklGPzS414UQLa5NPXZD5tf8JmQU8GQrj6BrFA/Ic9tb2zRe1kOZyCbGl+e8VMbDRazCEBqPvA==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/@angular-eslint/eslint-plugin": { - "version": "17.0.0", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/darwin-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.1.tgz", + "integrity": "sha512-pFIfj7U2w5sMp52wTY1XVOdoxw+GDwy9FsK3OFz4BpMAjvZVs0dT1VXs8aQm22nhwoIWUmIRaE+4xow8xfIDZA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-eslint/utils": "17.0.0", - "@typescript-eslint/utils": "6.10.0" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/eslint-plugin-template": { - "version": "17.0.0", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/freebsd-arm64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.1.tgz", + "integrity": "sha512-UyW1WZvHDuM4xDz0jWun4qtQFauNdXjXOtIy7SYdf7pbxSWWVlqhnR/T2TpX6LX5NI62spt0a3ldIIEkPM6RHw==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-eslint/bundled-angular-compiler": "17.0.0", - "@angular-eslint/utils": "17.0.0", - "@typescript-eslint/type-utils": "6.10.0", - "@typescript-eslint/utils": "6.10.0", - "aria-query": "5.3.0", - "axobject-query": "4.0.0" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/schematics": { - "version": "17.0.0", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/freebsd-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.1.tgz", + "integrity": "sha512-itPwCw5C+Jh/c624vcDd9kRCCZVpzpQn8dtwoYIt2TJF3S9xJLiRohnnNrKwREvcZYx0n8sCSbvGH349XkcQeg==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-eslint/eslint-plugin": "17.0.0", - "@angular-eslint/eslint-plugin-template": "17.0.0", - "@nx/devkit": "17.0.3", - "ignore": "5.2.4", - "nx": "17.0.3", - "strip-json-comments": "3.1.1", - "tmp": "0.2.1" - }, - "peerDependencies": { - "@angular/cli": ">= 17.0.0 < 18.0.0" + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/template-parser": { - "version": "17.0.0", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-arm": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.1.tgz", + "integrity": "sha512-LojC28v3+IhIbfQ+Vu4Ut5n3wKcgTu6POKIHN9Wpt0HnfgUGlBuyDDQR4jWZUZFyYLiz4RBBBmfU6sNfn6RhLw==", + "cpu": [ + "arm" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-eslint/bundled-angular-compiler": "17.0.0", - "eslint-scope": "^7.0.0" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/utils": { - "version": "17.0.0", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-arm64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.1.tgz", + "integrity": "sha512-cX8WdlF6Cnvw/DO9/X7XLH2J6CkBnz7Twjpk56cshk9sjYVcuh4sXQBy5bmTwzBjNVZze2yaV1vtcJS04LbN8w==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-eslint/bundled-angular-compiler": "17.0.0", - "@typescript-eslint/utils": "6.10.0" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular/animations": { - "version": "17.0.4", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-ia32": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.1.tgz", + "integrity": "sha512-4H/sQCy1mnnGkUt/xszaLlYJVTz3W9ep52xEefGtd6yXDQbz/5fZE5dFLUgsPdbUOQANcVUa5iO6g3nyy5BJiw==", + "cpu": [ + "ia32" + ], "dev": true, - "license": "MIT", - "dependencies": { - "tslib": "^2.3.0" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^18.13.0 || >=20.9.0" - }, - "peerDependencies": { - "@angular/core": "17.0.4" + "node": ">=12" } }, - "node_modules/@angular/cdk": { - "version": "17.0.1", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-loong64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.1.tgz", + "integrity": "sha512-c0jgtB+sRHCciVXlyjDcWb2FUuzlGVRwGXgI+3WqKOIuoo8AmZAddzeOHeYLtD+dmtHw3B4Xo9wAUdjlfW5yYA==", + "cpu": [ + "loong64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "tslib": "^2.3.0" - }, - "optionalDependencies": { - "parse5": "^7.1.2" - }, - "peerDependencies": { - "@angular/common": "^17.0.0 || ^18.0.0", - "@angular/core": "^17.0.0 || ^18.0.0", - "rxjs": "^6.5.3 || ^7.4.0" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular/cli": { - "version": "17.0.3", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-mips64el": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.1.tgz", + "integrity": "sha512-TgFyCfIxSujyuqdZKDZ3yTwWiGv+KnlOeXXitCQ+trDODJ+ZtGOzLkSWngynP0HZnTsDyBbPy7GWVXWaEl6lhA==", + "cpu": [ + "mips64el" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@angular-devkit/architect": "0.1700.3", - "@angular-devkit/core": "17.0.3", - "@angular-devkit/schematics": "17.0.3", - "@schematics/angular": "17.0.3", - "@yarnpkg/lockfile": "1.1.0", - "ansi-colors": "4.1.3", - "ini": "4.1.1", - "inquirer": "9.2.11", - "jsonc-parser": "3.2.0", - "npm-package-arg": "11.0.1", - "npm-pick-manifest": "9.0.0", - "open": "8.4.2", - "ora": "5.4.1", - "pacote": "17.0.4", - "resolve": "1.22.8", - "semver": "7.5.4", - "symbol-observable": "4.0.0", - "yargs": "17.7.2" - }, - "bin": { - "ng": "bin/ng.js" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^18.13.0 || >=20.9.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" + "node": ">=12" } }, - "node_modules/@angular/common": { - "version": "17.0.4", - "license": "MIT", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-ppc64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.1.tgz", + "integrity": "sha512-b+yuD1IUeL+Y93PmFZDZFIElwbmFfIKLKlYI8M6tRyzE6u7oEP7onGk0vZRh8wfVGC2dZoy0EqX1V8qok4qHaw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-riscv64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.1.tgz", + "integrity": "sha512-wpDlpE0oRKZwX+GfomcALcouqjjV8MIX8DyTrxfyCfXxoKQSDm45CZr9fanJ4F6ckD4yDEPT98SrjvLwIqUCgg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-s390x": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.1.tgz", + "integrity": "sha512-5BepC2Au80EohQ2dBpyTquqGCES7++p7G+7lXe1bAIvMdXm4YYcEfZtQrP4gaoZ96Wv1Ute61CEHFU7h4FMueQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.1.tgz", + "integrity": "sha512-5gRPk7pKuaIB+tmH+yKd2aQTRpqlf1E4f/mC+tawIm/CGJemZcHZpp2ic8oD83nKgUPMEd0fNanrnFljiruuyA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/netbsd-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.1.tgz", + "integrity": "sha512-4fL68JdrLV2nVW2AaWZBv3XEm3Ae3NZn/7qy2KGAt3dexAgSVT+Hc97JKSZnqezgMlv9x6KV0ZkZY7UO5cNLCg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/openbsd-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.1.tgz", + "integrity": "sha512-GhRuXlvRE+twf2ES+8REbeCb/zeikNqwD3+6S5y5/x+DYbAQUNl0HNBs4RQJqrechS4v4MruEr8ZtAin/hK5iw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/sunos-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.1.tgz", + "integrity": "sha512-ZnWEyCM0G1Ex6JtsygvC3KUUrlDXqOihw8RicRuQAzw+c4f1D66YlPNNV3rkjVW90zXVsHwZYWbJh3v+oQFM9Q==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-arm64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.1.tgz", + "integrity": "sha512-QZ6gXue0vVQY2Oon9WyLFCdSuYbXSoxaZrPuJ4c20j6ICedfsDilNPYfHLlMH7vGfU5DQR0czHLmJvH4Nzis/A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-ia32": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.1.tgz", + "integrity": "sha512-HzcJa1NcSWTAU0MJIxOho8JftNp9YALui3o+Ny7hCh0v5f90nprly1U3Sj1Ldj/CvKKdvvFsCRvDkpsEMp4DNw==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-x64": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.1.tgz", + "integrity": "sha512-0MBh53o6XtI6ctDnRMeQ+xoCN8kD2qI1rY1KgF/xdWQwoFeKou7puvDfV8/Wv4Ctx2rRpET/gGdz3YlNtNACSA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@types/node": { + "version": "20.11.30", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.30.tgz", + "integrity": "sha512-dHM6ZxwlmuZaRmUPfv1p+KrdD1Dci04FbdEm/9wEMouFqxYoFl5aMkt0VMAUtYRQDyYvD41WJLukhq/ha3YuTw==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@vitejs/plugin-basic-ssl": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz", + "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==", + "dev": true, + "engines": { + "node": ">=14.6.0" + }, + "peerDependencies": { + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/esbuild": { + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.1.tgz", + "integrity": "sha512-OJwEgrpWm/PCMsLVWXKqvcjme3bHNpOgN7Tb6cQnR5n0TPbQx1/Xrn7rqM+wn17bYeT6MGB5sn1Bh5YiGi70nA==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.20.1", + "@esbuild/android-arm": "0.20.1", + "@esbuild/android-arm64": "0.20.1", + "@esbuild/android-x64": "0.20.1", + "@esbuild/darwin-arm64": "0.20.1", + "@esbuild/darwin-x64": "0.20.1", + "@esbuild/freebsd-arm64": "0.20.1", + "@esbuild/freebsd-x64": "0.20.1", + "@esbuild/linux-arm": "0.20.1", + "@esbuild/linux-arm64": "0.20.1", + "@esbuild/linux-ia32": "0.20.1", + "@esbuild/linux-loong64": "0.20.1", + "@esbuild/linux-mips64el": "0.20.1", + "@esbuild/linux-ppc64": "0.20.1", + "@esbuild/linux-riscv64": "0.20.1", + "@esbuild/linux-s390x": "0.20.1", + "@esbuild/linux-x64": "0.20.1", + "@esbuild/netbsd-x64": "0.20.1", + "@esbuild/openbsd-x64": "0.20.1", + "@esbuild/sunos-x64": "0.20.1", + "@esbuild/win32-arm64": "0.20.1", + "@esbuild/win32-ia32": "0.20.1", + "@esbuild/win32-x64": "0.20.1" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite": { + "version": "5.1.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.5.tgz", + "integrity": "sha512-BdN1xh0Of/oQafhU+FvopafUp6WaYenLU/NFoL5WyJL++GxkNfieKzBhM24H3HVsPQrlAqB7iJYTHabzaRed5Q==", + "dev": true, + "dependencies": { + "esbuild": "^0.19.3", + "postcss": "^8.4.35", + "rollup": "^4.2.0" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || >=20.0.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/aix-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz", + "integrity": "sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/android-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.12.tgz", + "integrity": "sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/android-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz", + "integrity": "sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/android-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz", + "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/darwin-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz", + "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/darwin-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz", + "integrity": "sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/freebsd-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz", + "integrity": "sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/freebsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz", + "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz", + "integrity": "sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz", + "integrity": "sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz", + "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-loong64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz", + "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-mips64el": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz", + "integrity": "sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz", + "integrity": "sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-riscv64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz", + "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-s390x": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz", + "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/linux-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz", + "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/netbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz", + "integrity": "sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/openbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz", + "integrity": "sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/sunos-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz", + "integrity": "sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/win32-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz", + "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/win32-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz", + "integrity": "sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/@esbuild/win32-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz", + "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/vite/node_modules/esbuild": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.12.tgz", + "integrity": "sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.19.12", + "@esbuild/android-arm": "0.19.12", + "@esbuild/android-arm64": "0.19.12", + "@esbuild/android-x64": "0.19.12", + "@esbuild/darwin-arm64": "0.19.12", + "@esbuild/darwin-x64": "0.19.12", + "@esbuild/freebsd-arm64": "0.19.12", + "@esbuild/freebsd-x64": "0.19.12", + "@esbuild/linux-arm": "0.19.12", + "@esbuild/linux-arm64": "0.19.12", + "@esbuild/linux-ia32": "0.19.12", + "@esbuild/linux-loong64": "0.19.12", + "@esbuild/linux-mips64el": "0.19.12", + "@esbuild/linux-ppc64": "0.19.12", + "@esbuild/linux-riscv64": "0.19.12", + "@esbuild/linux-s390x": "0.19.12", + "@esbuild/linux-x64": "0.19.12", + "@esbuild/netbsd-x64": "0.19.12", + "@esbuild/openbsd-x64": "0.19.12", + "@esbuild/sunos-x64": "0.19.12", + "@esbuild/win32-arm64": "0.19.12", + "@esbuild/win32-ia32": "0.19.12", + "@esbuild/win32-x64": "0.19.12" + } + }, + "node_modules/@angular-devkit/build-webpack": { + "version": "0.1703.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1703.1.tgz", + "integrity": "sha512-nVUzewX8RCzaEPQZ1JQpE42wpsYchKQwfXUSCkoUsuCMB2c6zuEz0Jt94nzJg3UjSEEV4ZqCH8v5MDOvB49Rlw==", + "dev": true, + "dependencies": { + "@angular-devkit/architect": "0.1703.1", + "rxjs": "7.8.1" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + }, + "peerDependencies": { + "webpack": "^5.30.0", + "webpack-dev-server": "^4.0.0" + } + }, + "node_modules/@angular-devkit/core": { + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-17.3.1.tgz", + "integrity": "sha512-EP7zwqBEaOPuBJwzKmh2abfgNFITGX178BOyTG6zTymeMzEbrvy2OdeQXSslkJ/RGLCpx60GT+0CFW7wGlQR6Q==", + "dev": true, + "dependencies": { + "ajv": "8.12.0", + "ajv-formats": "2.1.1", + "jsonc-parser": "3.2.1", + "picomatch": "4.0.1", + "rxjs": "7.8.1", + "source-map": "0.7.4" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + }, + "peerDependencies": { + "chokidar": "^3.5.2" + }, + "peerDependenciesMeta": { + "chokidar": { + "optional": true + } + } + }, + "node_modules/@angular-devkit/schematics": { + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-17.3.1.tgz", + "integrity": "sha512-c3tp5zC5zp6XpK9w8wJf3d4Dyw9BNbmg/VEoXtePGivp4hzks6zuMAFknNRwdK7roOlH0HyM5No4WUZHBFpOmw==", + "dev": true, + "dependencies": { + "@angular-devkit/core": "17.3.1", + "jsonc-parser": "3.2.1", + "magic-string": "0.30.8", + "ora": "5.4.1", + "rxjs": "7.8.1" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + } + }, + "node_modules/@angular-eslint/bundled-angular-compiler": { + "version": "17.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-17.3.0.tgz", + "integrity": "sha512-ejfNzRuBeHUV8m2fkgs+M809rj5STuCuQo4fdfc6ccQpzXDI6Ha7BKpTznWfg5g529q/wrkoGSGgFxU9Yc2/dQ==", + "dev": true + }, + "node_modules/@angular-eslint/eslint-plugin": { + "version": "17.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-17.3.0.tgz", + "integrity": "sha512-81cQbOEPoQupFX8WmpqZn+y8VA7JdVRGBtt+uJNKBXcJknTpPWdLBZRFlgVakmC24iEZ0Fint/N3NBBQI3mz2A==", + "dev": true, + "dependencies": { + "@angular-eslint/utils": "17.3.0", + "@typescript-eslint/utils": "7.2.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/eslint-plugin-template": { + "version": "17.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-17.3.0.tgz", + "integrity": "sha512-9l/aRfpE9MCRVDWRb+rSB9Zei0paep1vqV6M/87VUnzBnzqeMRnVuPvQowilh2zweVSGKBF25Vp4HkwOL6ExDQ==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "17.3.0", + "@angular-eslint/utils": "17.3.0", + "@typescript-eslint/type-utils": "7.2.0", + "@typescript-eslint/utils": "7.2.0", + "aria-query": "5.3.0", + "axobject-query": "4.0.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/schematics": { + "version": "17.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-17.3.0.tgz", + "integrity": "sha512-5yssd5EOomxlKt9vN/OXXCTCuI3Pmfj16pkjBDoW0wzC8/M2l5zlXIEfoKumHYv2wtF553LhaMXVYVU35e0lTw==", + "dev": true, + "dependencies": { + "@angular-eslint/eslint-plugin": "17.3.0", + "@angular-eslint/eslint-plugin-template": "17.3.0", + "@nx/devkit": "^17.2.8 || ^18.0.0", + "ignore": "5.3.1", + "nx": "^17.2.8 || ^18.0.0", + "strip-json-comments": "3.1.1", + "tmp": "0.2.3" + }, + "peerDependencies": { + "@angular/cli": ">= 17.0.0 < 18.0.0" + } + }, + "node_modules/@angular-eslint/template-parser": { + "version": "17.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-17.3.0.tgz", + "integrity": "sha512-m+UzAnWgtjeS0x6skSmR0eXltD/p7HZA+c8pPyAkiHQzkxE7ohhfyZc03yWGuYJvWQUqQAKKdO/nQop14TP0bg==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "17.3.0", + "eslint-scope": "^8.0.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/utils": { + "version": "17.3.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-17.3.0.tgz", + "integrity": "sha512-PJT9pxWqpvI9OXO+7L5SIVhvMW+RFjeafC7PYjtvSbNFpz+kF644BiAcfMJ0YqBnkrw3JXt+RAX25CT4mXIoXw==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "17.3.0", + "@typescript-eslint/utils": "7.2.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular/animations": { + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.3.1.tgz", + "integrity": "sha512-2TZ0M5J0IizhHpb404DeqArlv8Ki9BFz5ZUuET2uFROpKW8IMDCht8fSrn/DKHpjB9lvzPUhNFaRxNWEY6klnA==", + "dev": true, + "dependencies": { + "tslib": "^2.3.0" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0" + }, + "peerDependencies": { + "@angular/core": "17.3.1" + } + }, + "node_modules/@angular/cdk": { + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-17.3.1.tgz", + "integrity": "sha512-pHSN+KlCmdo2u9jY7Yxsry/ZK+EcjOYGzdwxXxcKragMzm7etY3BJiTl4N+qZRuV6cJlMj2PRkij8ABi/HQdEA==", + "dev": true, + "dependencies": { + "tslib": "^2.3.0" + }, + "optionalDependencies": { + "parse5": "^7.1.2" + }, + "peerDependencies": { + "@angular/common": "^17.0.0 || ^18.0.0", + "@angular/core": "^17.0.0 || ^18.0.0", + "rxjs": "^6.5.3 || ^7.4.0" + } + }, + "node_modules/@angular/cli": { + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-17.3.1.tgz", + "integrity": "sha512-IVnnbRi53BZvZ3LE0PCfFefoB2uHlO1sHtilZf/xCpdV4E1Mkz0/hHln5CRHwAXErdSiY57VoMsF5tffxAfaBQ==", + "dev": true, + "dependencies": { + "@angular-devkit/architect": "0.1703.1", + "@angular-devkit/core": "17.3.1", + "@angular-devkit/schematics": "17.3.1", + "@schematics/angular": "17.3.1", + "@yarnpkg/lockfile": "1.1.0", + "ansi-colors": "4.1.3", + "ini": "4.1.2", + "inquirer": "9.2.15", + "jsonc-parser": "3.2.1", + "npm-package-arg": "11.0.1", + "npm-pick-manifest": "9.0.0", + "open": "8.4.2", + "ora": "5.4.1", + "pacote": "17.0.6", + "resolve": "1.22.8", + "semver": "7.6.0", + "symbol-observable": "4.0.0", + "yargs": "17.7.2" + }, + "bin": { + "ng": "bin/ng.js" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + } + }, + "node_modules/@angular/common": { + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-17.3.1.tgz", + "integrity": "sha512-HyUTJ4RxhE3bOmFRV6Fv2y01ixbrUb8Hd4MxPm8REbNMGKsWCfXhR3FfxFL18Sc03SAF+o0Md0wwekjFKTNKfQ==", + "dev": true, "dependencies": { "tslib": "^2.3.0" }, @@ -598,14 +1533,15 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/core": "17.0.4", + "@angular/core": "17.3.1", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/compiler": { - "version": "17.0.4", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-17.3.1.tgz", + "integrity": "sha512-8qqlWPGZEyD2FY5losOW3Aocro+lFysPDzsf0LHgQUM6Ub1b+pq4jUOjH6w0vzaxG3TfxkgzOQ9aNdWtSV67Rg==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, @@ -613,7 +1549,7 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/core": "17.0.4" + "@angular/core": "17.3.1" }, "peerDependenciesMeta": { "@angular/core": { @@ -622,15 +1558,16 @@ } }, "node_modules/@angular/compiler-cli": { - "version": "17.0.4", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-17.3.1.tgz", + "integrity": "sha512-xLV9KU+zOpe57/2rQ59ku21EaStNpLSlR9+qkDYf8JR09fB+W9vY3UYbpi5RjHxAFIZBM5D9SFQjjll8rch26g==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/core": "7.23.2", + "@babel/core": "7.23.9", "@jridgewell/sourcemap-codec": "^1.4.14", "chokidar": "^3.0.0", "convert-source-map": "^1.5.1", - "reflect-metadata": "^0.1.2", + "reflect-metadata": "^0.2.0", "semver": "^7.0.0", "tslib": "^2.3.0", "yargs": "^17.2.1" @@ -644,13 +1581,60 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/compiler": "17.0.4", - "typescript": ">=5.2 <5.3" + "@angular/compiler": "17.3.1", + "typescript": ">=5.2 <5.5" + } + }, + "node_modules/@angular/compiler-cli/node_modules/@babel/core": { + "version": "7.23.9", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.9.tgz", + "integrity": "sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.23.5", + "@babel/generator": "^7.23.6", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helpers": "^7.23.9", + "@babel/parser": "^7.23.9", + "@babel/template": "^7.23.9", + "@babel/traverse": "^7.23.9", + "@babel/types": "^7.23.9", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true + }, + "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "bin": { + "semver": "bin/semver.js" } }, "node_modules/@angular/core": { - "version": "17.0.4", - "license": "MIT", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-17.3.1.tgz", + "integrity": "sha512-Qf3/sgkXS1LHwOTtqAVYprySrn0YpPIZqerPc0tK+hyQfwAz5BQlpcBhbH8RWKlfCY8eO0cqo/j0+e8DQOgYfg==", + "dev": true, "dependencies": { "tslib": "^2.3.0" }, @@ -663,9 +1647,10 @@ } }, "node_modules/@angular/forms": { - "version": "17.0.4", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-17.3.1.tgz", + "integrity": "sha512-HndsO90k67sFHzd+sII+rhAUksffBvquFuAUCc6QR9WVjILxVg2fY7oBidgS1gKNqu0mptPG0GvuORnaW/0gSg==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, @@ -673,16 +1658,17 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/common": "17.0.4", - "@angular/core": "17.0.4", - "@angular/platform-browser": "17.0.4", + "@angular/common": "17.3.1", + "@angular/core": "17.3.1", + "@angular/platform-browser": "17.3.1", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/platform-browser": { - "version": "17.0.4", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-17.3.1.tgz", + "integrity": "sha512-8ABAL8PElSGzkIparVwifsU0NSu0DdqnWYw9YvLhhZQ6lOuWbG+dTUo/DXzmWhA6ezQWJGNakEZPJJytFIIy+A==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, @@ -690,9 +1676,9 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/animations": "17.0.4", - "@angular/common": "17.0.4", - "@angular/core": "17.0.4" + "@angular/animations": "17.3.1", + "@angular/common": "17.3.1", + "@angular/core": "17.3.1" }, "peerDependenciesMeta": { "@angular/animations": { @@ -701,9 +1687,10 @@ } }, "node_modules/@angular/platform-browser-dynamic": { - "version": "17.0.4", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-17.3.1.tgz", + "integrity": "sha512-ACW/npNaDxUNQtEomjjv/KIBY8jHEinePff5qosnAxLE0IpA4qE9eDp36zG35xoJqrPJPYjXbZCBRqqrzM7U7Q==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, @@ -711,16 +1698,17 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/common": "17.0.4", - "@angular/compiler": "17.0.4", - "@angular/core": "17.0.4", - "@angular/platform-browser": "17.0.4" + "@angular/common": "17.3.1", + "@angular/compiler": "17.3.1", + "@angular/core": "17.3.1", + "@angular/platform-browser": "17.3.1" } }, "node_modules/@angular/platform-server": { - "version": "17.0.4", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-17.3.1.tgz", + "integrity": "sha512-yC1WgUquIac8qFCPMLjRio2ViR3XHexlXKlZpFhqpWAFPsWSHjoCHTEW+KTUFZmOPhUEFR2W8fWOChur8mjthw==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.3.0", "xhr2": "^0.2.0" @@ -729,17 +1717,18 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/animations": "17.0.4", - "@angular/common": "17.0.4", - "@angular/compiler": "17.0.4", - "@angular/core": "17.0.4", - "@angular/platform-browser": "17.0.4" + "@angular/animations": "17.3.1", + "@angular/common": "17.3.1", + "@angular/compiler": "17.3.1", + "@angular/core": "17.3.1", + "@angular/platform-browser": "17.3.1" } }, "node_modules/@angular/router": { - "version": "17.0.4", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-17.3.1.tgz", + "integrity": "sha512-H6H7lY9i5Ppu0SFwwpeWqJbCFw8cILOj8Rd1+AGoCN5m3ivPtjD2Ltz62PI2zZkqx+WhQdk19l61Wm3oRqg70A==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, @@ -747,17 +1736,19 @@ "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/common": "17.0.4", - "@angular/core": "17.0.4", - "@angular/platform-browser": "17.0.4", + "@angular/common": "17.3.1", + "@angular/core": "17.3.1", + "@angular/platform-browser": "17.3.1", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/ssr": { - "version": "17.0.3", - "license": "MIT", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-17.3.1.tgz", + "integrity": "sha512-K/2FGTSC3xJOUJEvqRNVhhhoNGMDFMXUKJqnLXe6cNE8xNkOzO52tWTc0ZZr4ZYvFSwtVMuFY4E65HUxbhGTvA==", + "dev": true, "dependencies": { - "critters": "0.0.20", + "critters": "0.0.22", "tslib": "^2.3.0" }, "peerDependencies": { @@ -765,46 +1756,44 @@ "@angular/core": "^17.0.0" } }, - "node_modules/@assemblyscript/loader": { - "version": "0.10.1", - "dev": true, - "license": "Apache-2.0" - }, "node_modules/@babel/code-frame": { - "version": "7.23.4", + "version": "7.24.2", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz", + "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/highlight": "^7.23.4", - "chalk": "^2.4.2" + "@babel/highlight": "^7.24.2", + "picocolors": "^1.0.0" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/compat-data": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.1.tgz", + "integrity": "sha512-Pc65opHDliVpRHuKfzI+gSA4zcgr65O4cl64fFJIWEEh8JoHIHh0Oez1Eo8Arz8zq/JhgKodQaxEwUPRtZylVA==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/core": { - "version": "7.23.2", + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.0.tgz", + "integrity": "sha512-fQfkg0Gjkza3nf0c7/w6Xf34BW4YvzNfACRLmmb7XRLa6XHdR+K9AlJlxneFfWYf6uhOzuzZVTjF/8KfndZANw==", "dev": true, - "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.13", - "@babel/generator": "^7.23.0", - "@babel/helper-compilation-targets": "^7.22.15", - "@babel/helper-module-transforms": "^7.23.0", - "@babel/helpers": "^7.23.2", - "@babel/parser": "^7.23.0", - "@babel/template": "^7.22.15", - "@babel/traverse": "^7.23.2", - "@babel/types": "^7.23.0", + "@babel/code-frame": "^7.23.5", + "@babel/generator": "^7.23.6", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-module-transforms": "^7.23.3", + "@babel/helpers": "^7.24.0", + "@babel/parser": "^7.24.0", + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.0", + "@babel/types": "^7.24.0", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", @@ -821,23 +1810,26 @@ }, "node_modules/@babel/core/node_modules/convert-source-map": { "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true }, "node_modules/@babel/core/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/@babel/generator": { - "version": "7.23.0", + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz", + "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/types": "^7.23.0", + "@babel/types": "^7.23.6", "@jridgewell/gen-mapping": "^0.3.2", "@jridgewell/trace-mapping": "^0.3.17", "jsesc": "^2.5.1" @@ -848,8 +1840,9 @@ }, "node_modules/@babel/helper-annotate-as-pure": { "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", + "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" }, @@ -859,8 +1852,9 @@ }, "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz", + "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.22.15" }, @@ -869,13 +1863,14 @@ } }, "node_modules/@babel/helper-compilation-targets": { - "version": "7.22.15", + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz", + "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/compat-data": "^7.22.9", - "@babel/helper-validator-option": "^7.22.15", - "browserslist": "^4.21.9", + "@babel/compat-data": "^7.23.5", + "@babel/helper-validator-option": "^7.23.5", + "browserslist": "^4.22.2", "lru-cache": "^5.1.1", "semver": "^6.3.1" }, @@ -885,23 +1880,25 @@ }, "node_modules/@babel/helper-compilation-targets/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/@babel/helper-create-class-features-plugin": { - "version": "7.22.15", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.1.tgz", + "integrity": "sha512-1yJa9dX9g//V6fDebXoEfEsxkZHk3Hcbm+zLhyu6qVgYFLvmTALTeV+jNU9e5RnYtioBrGEOdoI2joMSNQ/+aA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-member-expression-to-functions": "^7.22.15", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-member-expression-to-functions": "^7.23.0", "@babel/helper-optimise-call-expression": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.9", + "@babel/helper-replace-supers": "^7.24.1", "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", "@babel/helper-split-export-declaration": "^7.22.6", "semver": "^6.3.1" @@ -915,16 +1912,18 @@ }, "node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/@babel/helper-create-regexp-features-plugin": { "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz", + "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", "regexpu-core": "^5.3.1", @@ -939,16 +1938,18 @@ }, "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/@babel/helper-define-polyfill-provider": { - "version": "0.4.3", + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz", + "integrity": "sha512-o7SDgTJuvx5vLKD6SFvkydkSMBvahDKGiNJzG22IZYXhiqoe9efY7zocICBgzHV4IRg5wdgl2nEL/tulKIEIbA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-compilation-targets": "^7.22.6", "@babel/helper-plugin-utils": "^7.22.5", @@ -962,16 +1963,18 @@ }, "node_modules/@babel/helper-environment-visitor": { "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", + "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-function-name": { "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/template": "^7.22.15", "@babel/types": "^7.23.0" @@ -982,8 +1985,9 @@ }, "node_modules/@babel/helper-hoist-variables": { "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", + "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" }, @@ -993,8 +1997,9 @@ }, "node_modules/@babel/helper-member-expression-to-functions": { "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz", + "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.23.0" }, @@ -1003,11 +2008,12 @@ } }, "node_modules/@babel/helper-module-imports": { - "version": "7.22.15", + "version": "7.24.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz", + "integrity": "sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/types": "^7.22.15" + "@babel/types": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1015,8 +2021,9 @@ }, "node_modules/@babel/helper-module-transforms": { "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz", + "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-environment-visitor": "^7.22.20", "@babel/helper-module-imports": "^7.22.15", @@ -1033,8 +2040,9 @@ }, "node_modules/@babel/helper-optimise-call-expression": { "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz", + "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" }, @@ -1043,17 +2051,19 @@ } }, "node_modules/@babel/helper-plugin-utils": { - "version": "7.22.5", + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz", + "integrity": "sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-remap-async-to-generator": { "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz", + "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", "@babel/helper-environment-visitor": "^7.22.20", @@ -1067,12 +2077,13 @@ } }, "node_modules/@babel/helper-replace-supers": { - "version": "7.22.20", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz", + "integrity": "sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-member-expression-to-functions": "^7.22.15", + "@babel/helper-member-expression-to-functions": "^7.23.0", "@babel/helper-optimise-call-expression": "^7.22.5" }, "engines": { @@ -1084,8 +2095,9 @@ }, "node_modules/@babel/helper-simple-access": { "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", + "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" }, @@ -1095,8 +2107,9 @@ }, "node_modules/@babel/helper-skip-transparent-expression-wrappers": { "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz", + "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" }, @@ -1106,8 +2119,9 @@ }, "node_modules/@babel/helper-split-export-declaration": { "version": "7.22.6", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", + "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", "dev": true, - "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" }, @@ -1116,33 +2130,37 @@ } }, "node_modules/@babel/helper-string-parser": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz", + "integrity": "sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-identifier": { "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", + "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-option": { - "version": "7.22.15", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-wrap-function": { "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz", + "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-function-name": "^7.22.5", "@babel/template": "^7.22.15", @@ -1153,35 +2171,39 @@ } }, "node_modules/@babel/helpers": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.1.tgz", + "integrity": "sha512-BpU09QqEe6ZCHuIHFphEFgvNSrubve1FtyMton26ekZ85gRGi6LrTF7zArARp2YvyFxloeiRmtSCq5sjh1WqIg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/template": "^7.22.15", - "@babel/traverse": "^7.23.4", - "@babel/types": "^7.23.4" + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.1", + "@babel/types": "^7.24.0" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/highlight": { - "version": "7.23.4", + "version": "7.24.2", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.2.tgz", + "integrity": "sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-validator-identifier": "^7.22.20", "chalk": "^2.4.2", - "js-tokens": "^4.0.0" + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/parser": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.1.tgz", + "integrity": "sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==", "dev": true, - "license": "MIT", "bin": { "parser": "bin/babel-parser.js" }, @@ -1190,11 +2212,12 @@ } }, "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz", + "integrity": "sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1204,13 +2227,14 @@ } }, "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz", + "integrity": "sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", - "@babel/plugin-transform-optional-chaining": "^7.23.3" + "@babel/plugin-transform-optional-chaining": "^7.24.1" }, "engines": { "node": ">=6.9.0" @@ -1219,10 +2243,27 @@ "@babel/core": "^7.13.0" } }, + "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz", + "integrity": "sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, "node_modules/@babel/plugin-proposal-private-property-in-object": { "version": "7.21.0-placeholder-for-preset-env.2", + "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", + "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" }, @@ -1232,8 +2273,9 @@ }, "node_modules/@babel/plugin-syntax-async-generators": { "version": "7.8.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz", + "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" }, @@ -1243,8 +2285,9 @@ }, "node_modules/@babel/plugin-syntax-class-properties": { "version": "7.12.13", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz", + "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.12.13" }, @@ -1254,8 +2297,9 @@ }, "node_modules/@babel/plugin-syntax-class-static-block": { "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz", + "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" }, @@ -1268,8 +2312,9 @@ }, "node_modules/@babel/plugin-syntax-dynamic-import": { "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz", + "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" }, @@ -1279,8 +2324,9 @@ }, "node_modules/@babel/plugin-syntax-export-namespace-from": { "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz", + "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.3" }, @@ -1289,11 +2335,12 @@ } }, "node_modules/@babel/plugin-syntax-import-assertions": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz", + "integrity": "sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1303,11 +2350,12 @@ } }, "node_modules/@babel/plugin-syntax-import-attributes": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz", + "integrity": "sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1318,8 +2366,9 @@ }, "node_modules/@babel/plugin-syntax-import-meta": { "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz", + "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.10.4" }, @@ -1329,8 +2378,9 @@ }, "node_modules/@babel/plugin-syntax-json-strings": { "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz", + "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" }, @@ -1340,8 +2390,9 @@ }, "node_modules/@babel/plugin-syntax-logical-assignment-operators": { "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz", + "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.10.4" }, @@ -1351,8 +2402,9 @@ }, "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": { "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz", + "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" }, @@ -1362,8 +2414,9 @@ }, "node_modules/@babel/plugin-syntax-numeric-separator": { "version": "7.10.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz", + "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.10.4" }, @@ -1373,8 +2426,9 @@ }, "node_modules/@babel/plugin-syntax-object-rest-spread": { "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz", + "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" }, @@ -1384,8 +2438,9 @@ }, "node_modules/@babel/plugin-syntax-optional-catch-binding": { "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz", + "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" }, @@ -1395,8 +2450,9 @@ }, "node_modules/@babel/plugin-syntax-optional-chaining": { "version": "7.8.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz", + "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.8.0" }, @@ -1406,8 +2462,9 @@ }, "node_modules/@babel/plugin-syntax-private-property-in-object": { "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz", + "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" }, @@ -1420,8 +2477,9 @@ }, "node_modules/@babel/plugin-syntax-top-level-await": { "version": "7.14.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz", + "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.14.5" }, @@ -1434,8 +2492,9 @@ }, "node_modules/@babel/plugin-syntax-unicode-sets-regex": { "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz", + "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.18.6", "@babel/helper-plugin-utils": "^7.18.6" @@ -1448,11 +2507,12 @@ } }, "node_modules/@babel/plugin-transform-arrow-functions": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz", + "integrity": "sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1462,9 +2522,10 @@ } }, "node_modules/@babel/plugin-transform-async-generator-functions": { - "version": "7.23.2", + "version": "7.23.9", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.9.tgz", + "integrity": "sha512-8Q3veQEDGe14dTYuwagbRtwxQDnytyg1JFu4/HwEMETeofocrB0U0ejBJIXoeG/t2oXZ8kzCyI0ZZfbT80VFNQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-environment-visitor": "^7.22.20", "@babel/helper-plugin-utils": "^7.22.5", @@ -1479,13 +2540,14 @@ } }, "node_modules/@babel/plugin-transform-async-to-generator": { - "version": "7.22.5", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz", + "integrity": "sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-module-imports": "^7.22.5", + "@babel/helper-module-imports": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-remap-async-to-generator": "^7.22.5" + "@babel/helper-remap-async-to-generator": "^7.22.20" }, "engines": { "node": ">=6.9.0" @@ -1495,11 +2557,12 @@ } }, "node_modules/@babel/plugin-transform-block-scoped-functions": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz", + "integrity": "sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1509,11 +2572,12 @@ } }, "node_modules/@babel/plugin-transform-block-scoping": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.1.tgz", + "integrity": "sha512-h71T2QQvDgM2SmT29UYU6ozjMlAt7s7CSs5Hvy8f8cf/GM/Z4a2zMfN+fjVGaieeCrXR3EdQl6C4gQG+OgmbKw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1523,12 +2587,13 @@ } }, "node_modules/@babel/plugin-transform-class-properties": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz", + "integrity": "sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1538,12 +2603,13 @@ } }, "node_modules/@babel/plugin-transform-class-static-block": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.1.tgz", + "integrity": "sha512-FUHlKCn6J3ERiu8Dv+4eoz7w8+kFLSyeVG4vDAikwADGjUCoHw/JHokyGtr8OR4UjpwPVivyF+h8Q5iv/JmrtA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-class-static-block": "^7.14.5" }, "engines": { @@ -1554,17 +2620,17 @@ } }, "node_modules/@babel/plugin-transform-classes": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz", + "integrity": "sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-compilation-targets": "^7.23.6", "@babel/helper-environment-visitor": "^7.22.20", "@babel/helper-function-name": "^7.23.0", - "@babel/helper-optimise-call-expression": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.20", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-replace-supers": "^7.24.1", "@babel/helper-split-export-declaration": "^7.22.6", "globals": "^11.1.0" }, @@ -1576,12 +2642,13 @@ } }, "node_modules/@babel/plugin-transform-computed-properties": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz", + "integrity": "sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/template": "^7.22.15" + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/template": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1591,11 +2658,12 @@ } }, "node_modules/@babel/plugin-transform-destructuring": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz", + "integrity": "sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1605,12 +2673,13 @@ } }, "node_modules/@babel/plugin-transform-dotall-regex": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz", + "integrity": "sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1620,11 +2689,12 @@ } }, "node_modules/@babel/plugin-transform-duplicate-keys": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz", + "integrity": "sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1634,11 +2704,12 @@ } }, "node_modules/@babel/plugin-transform-dynamic-import": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz", + "integrity": "sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-dynamic-import": "^7.8.3" }, "engines": { @@ -1649,12 +2720,13 @@ } }, "node_modules/@babel/plugin-transform-exponentiation-operator": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz", + "integrity": "sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1664,11 +2736,12 @@ } }, "node_modules/@babel/plugin-transform-export-namespace-from": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz", + "integrity": "sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-export-namespace-from": "^7.8.3" }, "engines": { @@ -1679,11 +2752,13 @@ } }, "node_modules/@babel/plugin-transform-for-of": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz", + "integrity": "sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" }, "engines": { "node": ">=6.9.0" @@ -1693,13 +2768,14 @@ } }, "node_modules/@babel/plugin-transform-function-name": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz", + "integrity": "sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-compilation-targets": "^7.23.6", "@babel/helper-function-name": "^7.23.0", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1709,11 +2785,12 @@ } }, "node_modules/@babel/plugin-transform-json-strings": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz", + "integrity": "sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-json-strings": "^7.8.3" }, "engines": { @@ -1724,11 +2801,12 @@ } }, "node_modules/@babel/plugin-transform-literals": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz", + "integrity": "sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1738,11 +2816,12 @@ } }, "node_modules/@babel/plugin-transform-logical-assignment-operators": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz", + "integrity": "sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4" }, "engines": { @@ -1753,11 +2832,12 @@ } }, "node_modules/@babel/plugin-transform-member-expression-literals": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz", + "integrity": "sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1767,12 +2847,13 @@ } }, "node_modules/@babel/plugin-transform-modules-amd": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz", + "integrity": "sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-module-transforms": "^7.23.3", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1782,12 +2863,13 @@ } }, "node_modules/@babel/plugin-transform-modules-commonjs": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz", + "integrity": "sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-module-transforms": "^7.23.3", - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/helper-simple-access": "^7.22.5" }, "engines": { @@ -1798,13 +2880,14 @@ } }, "node_modules/@babel/plugin-transform-modules-systemjs": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz", + "integrity": "sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-hoist-variables": "^7.22.5", "@babel/helper-module-transforms": "^7.23.3", - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/helper-validator-identifier": "^7.22.20" }, "engines": { @@ -1815,12 +2898,13 @@ } }, "node_modules/@babel/plugin-transform-modules-umd": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz", + "integrity": "sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-module-transforms": "^7.23.3", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1831,8 +2915,9 @@ }, "node_modules/@babel/plugin-transform-named-capturing-groups-regex": { "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz", + "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.22.5", "@babel/helper-plugin-utils": "^7.22.5" @@ -1845,11 +2930,12 @@ } }, "node_modules/@babel/plugin-transform-new-target": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz", + "integrity": "sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1859,11 +2945,12 @@ } }, "node_modules/@babel/plugin-transform-nullish-coalescing-operator": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz", + "integrity": "sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" }, "engines": { @@ -1874,11 +2961,12 @@ } }, "node_modules/@babel/plugin-transform-numeric-separator": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz", + "integrity": "sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-numeric-separator": "^7.10.4" }, "engines": { @@ -1889,15 +2977,15 @@ } }, "node_modules/@babel/plugin-transform-object-rest-spread": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz", + "integrity": "sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/compat-data": "^7.23.3", - "@babel/helper-compilation-targets": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-object-rest-spread": "^7.8.3", - "@babel/plugin-transform-parameters": "^7.23.3" + "@babel/plugin-transform-parameters": "^7.24.1" }, "engines": { "node": ">=6.9.0" @@ -1907,12 +2995,13 @@ } }, "node_modules/@babel/plugin-transform-object-super": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz", + "integrity": "sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.20" + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-replace-supers": "^7.24.1" }, "engines": { "node": ">=6.9.0" @@ -1922,11 +3011,12 @@ } }, "node_modules/@babel/plugin-transform-optional-catch-binding": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz", + "integrity": "sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" }, "engines": { @@ -1937,11 +3027,12 @@ } }, "node_modules/@babel/plugin-transform-optional-chaining": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz", + "integrity": "sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", "@babel/plugin-syntax-optional-chaining": "^7.8.3" }, @@ -1953,11 +3044,12 @@ } }, "node_modules/@babel/plugin-transform-parameters": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz", + "integrity": "sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1967,12 +3059,13 @@ } }, "node_modules/@babel/plugin-transform-private-methods": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz", + "integrity": "sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -1982,13 +3075,14 @@ } }, "node_modules/@babel/plugin-transform-private-property-in-object": { - "version": "7.23.4", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz", + "integrity": "sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-create-class-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.24.1", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/plugin-syntax-private-property-in-object": "^7.14.5" }, "engines": { @@ -1999,11 +3093,12 @@ } }, "node_modules/@babel/plugin-transform-property-literals": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz", + "integrity": "sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2013,11 +3108,12 @@ } }, "node_modules/@babel/plugin-transform-regenerator": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz", + "integrity": "sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "regenerator-transform": "^0.15.2" }, "engines": { @@ -2028,11 +3124,12 @@ } }, "node_modules/@babel/plugin-transform-reserved-words": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz", + "integrity": "sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2042,15 +3139,16 @@ } }, "node_modules/@babel/plugin-transform-runtime": { - "version": "7.23.2", + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.0.tgz", + "integrity": "sha512-zc0GA5IitLKJrSfXlXmp8KDqLrnGECK7YRfQBmEKg1NmBOQ7e+KuclBEKJgzifQeUYLdNiAw4B4bjyvzWVLiSA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-module-imports": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5", - "babel-plugin-polyfill-corejs2": "^0.4.6", - "babel-plugin-polyfill-corejs3": "^0.8.5", - "babel-plugin-polyfill-regenerator": "^0.5.3", + "@babel/helper-plugin-utils": "^7.24.0", + "babel-plugin-polyfill-corejs2": "^0.4.8", + "babel-plugin-polyfill-corejs3": "^0.9.0", + "babel-plugin-polyfill-regenerator": "^0.5.5", "semver": "^6.3.1" }, "engines": { @@ -2062,18 +3160,20 @@ }, "node_modules/@babel/plugin-transform-runtime/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/@babel/plugin-transform-shorthand-properties": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz", + "integrity": "sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2083,11 +3183,12 @@ } }, "node_modules/@babel/plugin-transform-spread": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz", + "integrity": "sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5", + "@babel/helper-plugin-utils": "^7.24.0", "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" }, "engines": { @@ -2098,11 +3199,12 @@ } }, "node_modules/@babel/plugin-transform-sticky-regex": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz", + "integrity": "sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2112,11 +3214,12 @@ } }, "node_modules/@babel/plugin-transform-template-literals": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz", + "integrity": "sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2126,11 +3229,12 @@ } }, "node_modules/@babel/plugin-transform-typeof-symbol": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz", + "integrity": "sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2140,11 +3244,12 @@ } }, "node_modules/@babel/plugin-transform-unicode-escapes": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz", + "integrity": "sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2154,12 +3259,13 @@ } }, "node_modules/@babel/plugin-transform-unicode-property-regex": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz", + "integrity": "sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2169,12 +3275,13 @@ } }, "node_modules/@babel/plugin-transform-unicode-regex": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz", + "integrity": "sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2184,12 +3291,13 @@ } }, "node_modules/@babel/plugin-transform-unicode-sets-regex": { - "version": "7.23.3", + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz", + "integrity": "sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-create-regexp-features-plugin": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5" + "@babel/helper-plugin-utils": "^7.24.0" }, "engines": { "node": ">=6.9.0" @@ -2199,24 +3307,26 @@ } }, "node_modules/@babel/preset-env": { - "version": "7.23.2", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/compat-data": "^7.23.2", - "@babel/helper-compilation-targets": "^7.22.15", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-validator-option": "^7.22.15", - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.15", - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.15", + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.0.tgz", + "integrity": "sha512-ZxPEzV9IgvGn73iK0E6VB9/95Nd7aMFpbE0l8KQFDG70cOV9IxRP7Y2FUPmlK0v6ImlLqYX50iuZ3ZTVhOF2lA==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.23.5", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-plugin-utils": "^7.24.0", + "@babel/helper-validator-option": "^7.23.5", + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3", + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3", + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.7", "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", "@babel/plugin-syntax-async-generators": "^7.8.4", "@babel/plugin-syntax-class-properties": "^7.12.13", "@babel/plugin-syntax-class-static-block": "^7.14.5", "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-export-namespace-from": "^7.8.3", - "@babel/plugin-syntax-import-assertions": "^7.22.5", - "@babel/plugin-syntax-import-attributes": "^7.22.5", + "@babel/plugin-syntax-import-assertions": "^7.23.3", + "@babel/plugin-syntax-import-attributes": "^7.23.3", "@babel/plugin-syntax-import-meta": "^7.10.4", "@babel/plugin-syntax-json-strings": "^7.8.3", "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4", @@ -2228,59 +3338,58 @@ "@babel/plugin-syntax-private-property-in-object": "^7.14.5", "@babel/plugin-syntax-top-level-await": "^7.14.5", "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", - "@babel/plugin-transform-arrow-functions": "^7.22.5", - "@babel/plugin-transform-async-generator-functions": "^7.23.2", - "@babel/plugin-transform-async-to-generator": "^7.22.5", - "@babel/plugin-transform-block-scoped-functions": "^7.22.5", - "@babel/plugin-transform-block-scoping": "^7.23.0", - "@babel/plugin-transform-class-properties": "^7.22.5", - "@babel/plugin-transform-class-static-block": "^7.22.11", - "@babel/plugin-transform-classes": "^7.22.15", - "@babel/plugin-transform-computed-properties": "^7.22.5", - "@babel/plugin-transform-destructuring": "^7.23.0", - "@babel/plugin-transform-dotall-regex": "^7.22.5", - "@babel/plugin-transform-duplicate-keys": "^7.22.5", - "@babel/plugin-transform-dynamic-import": "^7.22.11", - "@babel/plugin-transform-exponentiation-operator": "^7.22.5", - "@babel/plugin-transform-export-namespace-from": "^7.22.11", - "@babel/plugin-transform-for-of": "^7.22.15", - "@babel/plugin-transform-function-name": "^7.22.5", - "@babel/plugin-transform-json-strings": "^7.22.11", - "@babel/plugin-transform-literals": "^7.22.5", - "@babel/plugin-transform-logical-assignment-operators": "^7.22.11", - "@babel/plugin-transform-member-expression-literals": "^7.22.5", - "@babel/plugin-transform-modules-amd": "^7.23.0", - "@babel/plugin-transform-modules-commonjs": "^7.23.0", - "@babel/plugin-transform-modules-systemjs": "^7.23.0", - "@babel/plugin-transform-modules-umd": "^7.22.5", + "@babel/plugin-transform-arrow-functions": "^7.23.3", + "@babel/plugin-transform-async-generator-functions": "^7.23.9", + "@babel/plugin-transform-async-to-generator": "^7.23.3", + "@babel/plugin-transform-block-scoped-functions": "^7.23.3", + "@babel/plugin-transform-block-scoping": "^7.23.4", + "@babel/plugin-transform-class-properties": "^7.23.3", + "@babel/plugin-transform-class-static-block": "^7.23.4", + "@babel/plugin-transform-classes": "^7.23.8", + "@babel/plugin-transform-computed-properties": "^7.23.3", + "@babel/plugin-transform-destructuring": "^7.23.3", + "@babel/plugin-transform-dotall-regex": "^7.23.3", + "@babel/plugin-transform-duplicate-keys": "^7.23.3", + "@babel/plugin-transform-dynamic-import": "^7.23.4", + "@babel/plugin-transform-exponentiation-operator": "^7.23.3", + "@babel/plugin-transform-export-namespace-from": "^7.23.4", + "@babel/plugin-transform-for-of": "^7.23.6", + "@babel/plugin-transform-function-name": "^7.23.3", + "@babel/plugin-transform-json-strings": "^7.23.4", + "@babel/plugin-transform-literals": "^7.23.3", + "@babel/plugin-transform-logical-assignment-operators": "^7.23.4", + "@babel/plugin-transform-member-expression-literals": "^7.23.3", + "@babel/plugin-transform-modules-amd": "^7.23.3", + "@babel/plugin-transform-modules-commonjs": "^7.23.3", + "@babel/plugin-transform-modules-systemjs": "^7.23.9", + "@babel/plugin-transform-modules-umd": "^7.23.3", "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5", - "@babel/plugin-transform-new-target": "^7.22.5", - "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11", - "@babel/plugin-transform-numeric-separator": "^7.22.11", - "@babel/plugin-transform-object-rest-spread": "^7.22.15", - "@babel/plugin-transform-object-super": "^7.22.5", - "@babel/plugin-transform-optional-catch-binding": "^7.22.11", - "@babel/plugin-transform-optional-chaining": "^7.23.0", - "@babel/plugin-transform-parameters": "^7.22.15", - "@babel/plugin-transform-private-methods": "^7.22.5", - "@babel/plugin-transform-private-property-in-object": "^7.22.11", - "@babel/plugin-transform-property-literals": "^7.22.5", - "@babel/plugin-transform-regenerator": "^7.22.10", - "@babel/plugin-transform-reserved-words": "^7.22.5", - "@babel/plugin-transform-shorthand-properties": "^7.22.5", - "@babel/plugin-transform-spread": "^7.22.5", - "@babel/plugin-transform-sticky-regex": "^7.22.5", - "@babel/plugin-transform-template-literals": "^7.22.5", - "@babel/plugin-transform-typeof-symbol": "^7.22.5", - "@babel/plugin-transform-unicode-escapes": "^7.22.10", - "@babel/plugin-transform-unicode-property-regex": "^7.22.5", - "@babel/plugin-transform-unicode-regex": "^7.22.5", - "@babel/plugin-transform-unicode-sets-regex": "^7.22.5", + "@babel/plugin-transform-new-target": "^7.23.3", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4", + "@babel/plugin-transform-numeric-separator": "^7.23.4", + "@babel/plugin-transform-object-rest-spread": "^7.24.0", + "@babel/plugin-transform-object-super": "^7.23.3", + "@babel/plugin-transform-optional-catch-binding": "^7.23.4", + "@babel/plugin-transform-optional-chaining": "^7.23.4", + "@babel/plugin-transform-parameters": "^7.23.3", + "@babel/plugin-transform-private-methods": "^7.23.3", + "@babel/plugin-transform-private-property-in-object": "^7.23.4", + "@babel/plugin-transform-property-literals": "^7.23.3", + "@babel/plugin-transform-regenerator": "^7.23.3", + "@babel/plugin-transform-reserved-words": "^7.23.3", + "@babel/plugin-transform-shorthand-properties": "^7.23.3", + "@babel/plugin-transform-spread": "^7.23.3", + "@babel/plugin-transform-sticky-regex": "^7.23.3", + "@babel/plugin-transform-template-literals": "^7.23.3", + "@babel/plugin-transform-typeof-symbol": "^7.23.3", + "@babel/plugin-transform-unicode-escapes": "^7.23.3", + "@babel/plugin-transform-unicode-property-regex": "^7.23.3", + "@babel/plugin-transform-unicode-regex": "^7.23.3", + "@babel/plugin-transform-unicode-sets-regex": "^7.23.3", "@babel/preset-modules": "0.1.6-no-external-plugins", - "@babel/types": "^7.23.0", - "babel-plugin-polyfill-corejs2": "^0.4.6", - "babel-plugin-polyfill-corejs3": "^0.8.5", - "babel-plugin-polyfill-regenerator": "^0.5.3", + "babel-plugin-polyfill-corejs2": "^0.4.8", + "babel-plugin-polyfill-corejs3": "^0.9.0", + "babel-plugin-polyfill-regenerator": "^0.5.5", "core-js-compat": "^3.31.0", "semver": "^6.3.1" }, @@ -2293,16 +3402,18 @@ }, "node_modules/@babel/preset-env/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/@babel/preset-modules": { "version": "0.1.6-no-external-plugins", + "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz", + "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.0.0", "@babel/types": "^7.4.4", @@ -2314,181 +3425,551 @@ }, "node_modules/@babel/regjsgen": { "version": "0.8.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz", + "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==", + "dev": true }, "node_modules/@babel/runtime": { - "version": "7.23.2", + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.0.tgz", + "integrity": "sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==", "dev": true, - "license": "MIT", "dependencies": { "regenerator-runtime": "^0.14.0" }, "engines": { - "node": ">=6.9.0" + "node": ">=6.9.0" + } + }, + "node_modules/@babel/template": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz", + "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.23.5", + "@babel/parser": "^7.24.0", + "@babel/types": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.1.tgz", + "integrity": "sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.24.1", + "@babel/generator": "^7.24.1", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.22.6", + "@babel/parser": "^7.24.1", + "@babel/types": "^7.24.0", + "debug": "^4.3.1", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse/node_modules/@babel/generator": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.1.tgz", + "integrity": "sha512-DfCRfZsBcrPEHUfuBMgbJ1Ut01Y/itOs+hY2nFLgqsqXd52/iSiVq5TITtUasIUgm+IIKdY2/1I7auiQOEeC9A==", + "dev": true, + "dependencies": { + "@babel/types": "^7.24.0", + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz", + "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==", + "dev": true, + "dependencies": { + "@babel/helper-string-parser": "^7.23.4", + "@babel/helper-validator-identifier": "^7.22.20", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@colors/colors": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", + "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", + "dev": true, + "engines": { + "node": ">=0.1.90" + } + }, + "node_modules/@cspotcode/source-map-support": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz", + "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==", + "dev": true, + "dependencies": { + "@jridgewell/trace-mapping": "0.3.9" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": { + "version": "0.3.9", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz", + "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "^3.0.3", + "@jridgewell/sourcemap-codec": "^1.4.10" + } + }, + "node_modules/@discoveryjs/json-ext": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", + "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", + "dev": true, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/@docsearch/css": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.6.0.tgz", + "integrity": "sha512-+sbxb71sWre+PwDK7X2T8+bhS6clcVMLwBPznX45Qu6opJcgRjAp7gYSDzVFp187J+feSj5dNBN1mJoi6ckkUQ==", + "dev": true + }, + "node_modules/@docsearch/js": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-3.6.0.tgz", + "integrity": "sha512-QujhqINEElrkIfKwyyyTfbsfMAYCkylInLYMRqHy7PHc8xTBQCow73tlo/Kc7oIwBrCLf0P3YhjlOeV4v8hevQ==", + "dev": true, + "dependencies": { + "@docsearch/react": "3.6.0", + "preact": "^10.0.0" + } + }, + "node_modules/@docsearch/react": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.6.0.tgz", + "integrity": "sha512-HUFut4ztcVNmqy9gp/wxNbC7pTOHhgVVkHVGCACTuLhUKUhKAF9KYHJtMiLUJxEqiFLQiuri1fWF8zqwM/cu1w==", + "dev": true, + "dependencies": { + "@algolia/autocomplete-core": "1.9.3", + "@algolia/autocomplete-preset-algolia": "1.9.3", + "@docsearch/css": "3.6.0", + "algoliasearch": "^4.19.1" + }, + "peerDependencies": { + "@types/react": ">= 16.8.0 < 19.0.0", + "react": ">= 16.8.0 < 19.0.0", + "react-dom": ">= 16.8.0 < 19.0.0", + "search-insights": ">= 1 < 3" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "react": { + "optional": true + }, + "react-dom": { + "optional": true + }, + "search-insights": { + "optional": true + } + } + }, + "node_modules/@es-joy/jsdoccomment": { + "version": "0.42.0", + "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.42.0.tgz", + "integrity": "sha512-R1w57YlVA6+YE01wch3GPYn6bCsrOV3YW/5oGGE2tmX6JcL9Nr+b5IikrjMPF+v9CV3ay+obImEdsDhovhJrzw==", + "dev": true, + "dependencies": { + "comment-parser": "1.4.1", + "esquery": "^1.5.0", + "jsdoc-type-pratt-parser": "~4.0.0" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz", + "integrity": "sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.12.tgz", + "integrity": "sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz", + "integrity": "sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz", + "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz", + "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz", + "integrity": "sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz", + "integrity": "sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz", + "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz", + "integrity": "sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz", + "integrity": "sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz", + "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@babel/template": { - "version": "7.22.15", + "node_modules/@esbuild/linux-loong64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz", + "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==", + "cpu": [ + "loong64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@babel/code-frame": "^7.22.13", - "@babel/parser": "^7.22.15", - "@babel/types": "^7.22.15" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=6.9.0" + "node": ">=12" } }, - "node_modules/@babel/traverse": { - "version": "7.23.4", + "node_modules/@esbuild/linux-mips64el": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz", + "integrity": "sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==", + "cpu": [ + "mips64el" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@babel/code-frame": "^7.23.4", - "@babel/generator": "^7.23.4", - "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.23.0", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.23.4", - "@babel/types": "^7.23.4", - "debug": "^4.1.0", - "globals": "^11.1.0" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=6.9.0" + "node": ">=12" } }, - "node_modules/@babel/traverse/node_modules/@babel/generator": { - "version": "7.23.4", + "node_modules/@esbuild/linux-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz", + "integrity": "sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==", + "cpu": [ + "ppc64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@babel/types": "^7.23.4", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=6.9.0" + "node": ">=12" } }, - "node_modules/@babel/types": { - "version": "7.23.4", + "node_modules/@esbuild/linux-riscv64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz", + "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==", + "cpu": [ + "riscv64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", - "to-fast-properties": "^2.0.0" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=6.9.0" + "node": ">=12" } }, - "node_modules/@colors/colors": { - "version": "1.5.0", + "node_modules/@esbuild/linux-s390x": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz", + "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==", + "cpu": [ + "s390x" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=0.1.90" + "node": ">=12" } }, - "node_modules/@cspotcode/source-map-support": { - "version": "0.8.1", + "node_modules/@esbuild/linux-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz", + "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@jridgewell/trace-mapping": "0.3.9" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { "node": ">=12" } }, - "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": { - "version": "0.3.9", + "node_modules/@esbuild/netbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz", + "integrity": "sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@jridgewell/resolve-uri": "^3.0.3", - "@jridgewell/sourcemap-codec": "^1.4.10" + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@discoveryjs/json-ext": { - "version": "0.5.7", + "node_modules/@esbuild/openbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz", + "integrity": "sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], "engines": { - "node": ">=10.0.0" + "node": ">=12" } }, - "node_modules/@docsearch/css": { - "version": "3.5.2", - "license": "MIT" - }, - "node_modules/@docsearch/js": { - "version": "3.5.2", - "license": "MIT", - "dependencies": { - "@docsearch/react": "3.5.2", - "preact": "^10.0.0" + "node_modules/@esbuild/sunos-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz", + "integrity": "sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@docsearch/react": { - "version": "3.5.2", - "license": "MIT", - "dependencies": { - "@algolia/autocomplete-core": "1.9.3", - "@algolia/autocomplete-preset-algolia": "1.9.3", - "@docsearch/css": "3.5.2", - "algoliasearch": "^4.19.1" - }, - "peerDependencies": { - "@types/react": ">= 16.8.0 < 19.0.0", - "react": ">= 16.8.0 < 19.0.0", - "react-dom": ">= 16.8.0 < 19.0.0", - "search-insights": ">= 1 < 3" - }, - "peerDependenciesMeta": { - "@types/react": { - "optional": true - }, - "react": { - "optional": true - }, - "react-dom": { - "optional": true - }, - "search-insights": { - "optional": true - } + "node_modules/@esbuild/win32-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz", + "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@es-joy/jsdoccomment": { - "version": "0.41.0", + "node_modules/@esbuild/win32-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz", + "integrity": "sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==", + "cpu": [ + "ia32" + ], "dev": true, - "license": "MIT", - "dependencies": { - "comment-parser": "1.4.1", - "esquery": "^1.5.0", - "jsdoc-type-pratt-parser": "~4.0.0" - }, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=16" + "node": ">=12" } }, - "node_modules/@esbuild/darwin-arm64": { - "version": "0.19.5", + "node_modules/@esbuild/win32-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz", + "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==", "cpu": [ - "arm64" + "x64" ], "dev": true, - "license": "MIT", "optional": true, "os": [ - "darwin" + "win32" ], "engines": { "node": ">=12" @@ -2496,8 +3977,9 @@ }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", + "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==", "dev": true, - "license": "MIT", "dependencies": { "eslint-visitor-keys": "^3.3.0" }, @@ -2510,16 +3992,18 @@ }, "node_modules/@eslint-community/regexpp": { "version": "4.10.0", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz", + "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==", "dev": true, - "license": "MIT", "engines": { "node": "^12.0.0 || ^14.0.0 || >=16.0.0" } }, "node_modules/@eslint/eslintrc": { - "version": "2.1.3", + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz", + "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==", "dev": true, - "license": "MIT", "dependencies": { "ajv": "^6.12.4", "debug": "^4.3.2", @@ -2540,8 +4024,9 @@ }, "node_modules/@eslint/eslintrc/node_modules/ajv": { "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -2555,13 +4040,25 @@ }, "node_modules/@eslint/eslintrc/node_modules/argparse": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, + "node_modules/@eslint/eslintrc/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, - "license": "Python-2.0" + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } }, "node_modules/@eslint/eslintrc/node_modules/globals": { - "version": "13.23.0", + "version": "13.24.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", + "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", "dev": true, - "license": "MIT", "dependencies": { "type-fest": "^0.20.2" }, @@ -2574,8 +4071,9 @@ }, "node_modules/@eslint/eslintrc/node_modules/js-yaml": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", "dev": true, - "license": "MIT", "dependencies": { "argparse": "^2.0.1" }, @@ -2585,13 +4083,27 @@ }, "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": { "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/@eslint/eslintrc/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, - "license": "MIT" + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } }, "node_modules/@eslint/eslintrc/node_modules/type-fest": { "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", "dev": true, - "license": "(MIT OR CC0-1.0)", "engines": { "node": ">=10" }, @@ -2600,38 +4112,55 @@ } }, "node_modules/@eslint/js": { - "version": "8.54.0", + "version": "8.57.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz", + "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==", "dev": true, - "license": "MIT", "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, - "node_modules/@fastify/busboy": { - "version": "2.1.0", + "node_modules/@humanwhocodes/config-array": { + "version": "0.11.14", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", + "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==", "dev": true, - "license": "MIT", + "dependencies": { + "@humanwhocodes/object-schema": "^2.0.2", + "debug": "^4.3.1", + "minimatch": "^3.0.5" + }, "engines": { - "node": ">=14" + "node": ">=10.10.0" } }, - "node_modules/@humanwhocodes/config-array": { - "version": "0.11.13", + "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, - "license": "Apache-2.0", "dependencies": { - "@humanwhocodes/object-schema": "^2.0.1", - "debug": "^4.1.1", - "minimatch": "^3.0.5" + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/@humanwhocodes/config-array/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" }, "engines": { - "node": ">=10.10.0" + "node": "*" } }, "node_modules/@humanwhocodes/module-importer": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=12.22" }, @@ -2641,14 +4170,16 @@ } }, "node_modules/@humanwhocodes/object-schema": { - "version": "2.0.1", - "dev": true, - "license": "BSD-3-Clause" + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz", + "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==", + "dev": true }, "node_modules/@isaacs/cliui": { "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", "dev": true, - "license": "ISC", "dependencies": { "string-width": "^5.1.2", "string-width-cjs": "npm:string-width@^4.2.0", @@ -2663,8 +4194,9 @@ }, "node_modules/@isaacs/cliui/node_modules/ansi-regex": { "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", "dev": true, - "license": "MIT", "engines": { "node": ">=12" }, @@ -2674,8 +4206,9 @@ }, "node_modules/@isaacs/cliui/node_modules/ansi-styles": { "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", "dev": true, - "license": "MIT", "engines": { "node": ">=12" }, @@ -2685,13 +4218,15 @@ }, "node_modules/@isaacs/cliui/node_modules/emoji-regex": { "version": "9.2.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true }, "node_modules/@isaacs/cliui/node_modules/string-width": { "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", "dev": true, - "license": "MIT", "dependencies": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", @@ -2706,8 +4241,9 @@ }, "node_modules/@isaacs/cliui/node_modules/strip-ansi": { "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", "dev": true, - "license": "MIT", "dependencies": { "ansi-regex": "^6.0.1" }, @@ -2720,8 +4256,9 @@ }, "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", @@ -2736,8 +4273,9 @@ }, "node_modules/@istanbuljs/load-nyc-config": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz", + "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==", "dev": true, - "license": "ISC", "dependencies": { "camelcase": "^5.3.1", "find-up": "^4.1.0", @@ -2751,16 +4289,18 @@ }, "node_modules/@istanbuljs/schema": { "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz", + "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/@jest/expect-utils": { "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz", + "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==", "dev": true, - "license": "MIT", "dependencies": { "jest-get-type": "^29.6.3" }, @@ -2770,8 +4310,9 @@ }, "node_modules/@jest/schemas": { "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", + "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", "dev": true, - "license": "MIT", "dependencies": { "@sinclair/typebox": "^0.27.8" }, @@ -2781,8 +4322,9 @@ }, "node_modules/@jest/types": { "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz", + "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==", "dev": true, - "license": "MIT", "dependencies": { "@jest/schemas": "^29.6.3", "@types/istanbul-lib-coverage": "^2.0.0", @@ -2797,8 +4339,9 @@ }, "node_modules/@jest/types/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -2811,8 +4354,9 @@ }, "node_modules/@jest/types/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -2826,8 +4370,9 @@ }, "node_modules/@jest/types/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -2837,21 +4382,24 @@ }, "node_modules/@jest/types/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/@jest/types/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/@jest/types/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -2860,52 +4408,58 @@ } }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.3", + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", "dev": true, - "license": "MIT", "dependencies": { - "@jridgewell/set-array": "^1.0.1", + "@jridgewell/set-array": "^1.2.1", "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" + "@jridgewell/trace-mapping": "^0.3.24" }, "engines": { "node": ">=6.0.0" } }, "node_modules/@jridgewell/resolve-uri": { - "version": "3.1.1", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.0.0" } }, "node_modules/@jridgewell/set-array": { - "version": "1.1.2", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.0.0" } }, "node_modules/@jridgewell/source-map": { - "version": "0.3.5", + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz", + "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==", "dev": true, - "license": "MIT", "dependencies": { - "@jridgewell/gen-mapping": "^0.3.0", - "@jridgewell/trace-mapping": "^0.3.9" + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25" } }, "node_modules/@jridgewell/sourcemap-codec": { "version": "1.4.15", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true }, "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.20", + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", "dev": true, - "license": "MIT", "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" @@ -2913,24 +4467,43 @@ }, "node_modules/@leichtgewicht/ip-codec": { "version": "2.0.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz", + "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==", + "dev": true }, "node_modules/@ljharb/through": { - "version": "2.3.11", + "version": "2.3.13", + "resolved": "https://registry.npmjs.org/@ljharb/through/-/through-2.3.13.tgz", + "integrity": "sha512-/gKJun8NNiWGZJkGzI/Ragc53cOdcLNdzjLaIa+GEjguQs0ulsurx8WN0jijdK9yPqDvziX995sMRLyLt1uZMQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2" + "call-bind": "^1.0.7" }, "engines": { "node": ">= 0.4" } }, + "node_modules/@ngtools/webpack": { + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-17.3.1.tgz", + "integrity": "sha512-6qRYFN6DqogZK0ZFrSlhg1OsIWm3lL3m+/Ixoj6/MLLjDBrTtHqmI93vg6P1EKYTH4fWChL7jtv7iS/LSZubgw==", + "dev": true, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + }, + "peerDependencies": { + "@angular/compiler-cli": "^17.0.0", + "typescript": ">=5.2 <5.5", + "webpack": "^5.54.0" + } + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", "dev": true, - "license": "MIT", "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" @@ -2941,16 +4514,18 @@ }, "node_modules/@nodelib/fs.stat": { "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", "dev": true, - "license": "MIT", "engines": { "node": ">= 8" } }, "node_modules/@nodelib/fs.walk": { "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", "dev": true, - "license": "MIT", "dependencies": { "@nodelib/fs.scandir": "2.1.5", "fastq": "^1.6.0" @@ -2960,9 +4535,10 @@ } }, "node_modules/@npmcli/agent": { - "version": "2.2.0", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-2.2.1.tgz", + "integrity": "sha512-H4FrOVtNyWC8MUwL3UfjOsAihHvT1Pe8POj3JvjXhSTJipsZMtgUALCT4mGyYZNxymkUfOw3PUj6dE4QPp6osQ==", "dev": true, - "license": "ISC", "dependencies": { "agent-base": "^7.1.0", "http-proxy-agent": "^7.0.0", @@ -2975,17 +4551,19 @@ } }, "node_modules/@npmcli/agent/node_modules/lru-cache": { - "version": "10.1.0", + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", "dev": true, - "license": "ISC", "engines": { "node": "14 || >=16.14" } }, "node_modules/@npmcli/fs": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.0.tgz", + "integrity": "sha512-7kZUAaLscfgbwBQRbvdMYaZOWyMEcPTH/tJjnyAWJ/dvvs9Ef+CERx/qJb9GExJpl1qipaDGn7KqHnFGGixd0w==", "dev": true, - "license": "ISC", "dependencies": { "semver": "^7.3.5" }, @@ -2994,9 +4572,10 @@ } }, "node_modules/@npmcli/git": { - "version": "5.0.3", + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-5.0.4.tgz", + "integrity": "sha512-nr6/WezNzuYUppzXRaYu/W4aT5rLxdXqEFupbh6e/ovlYFQ8hpu1UUPV3Ir/YTl+74iXl2ZOMlGzudh9ZPUchQ==", "dev": true, - "license": "ISC", "dependencies": { "@npmcli/promise-spawn": "^7.0.0", "lru-cache": "^10.0.1", @@ -3013,24 +4592,27 @@ }, "node_modules/@npmcli/git/node_modules/isexe": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", "dev": true, - "license": "ISC", "engines": { "node": ">=16" } }, "node_modules/@npmcli/git/node_modules/lru-cache": { - "version": "10.1.0", + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", "dev": true, - "license": "ISC", "engines": { "node": "14 || >=16.14" } }, "node_modules/@npmcli/git/node_modules/which": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, - "license": "ISC", "dependencies": { "isexe": "^3.1.1" }, @@ -3043,8 +4625,9 @@ }, "node_modules/@npmcli/installed-package-contents": { "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-2.0.2.tgz", + "integrity": "sha512-xACzLPhnfD51GKvTOOuNX2/V4G4mz9/1I2MfDoye9kBM3RYe5g2YbscsaGoTlaWqkxeiapBWyseULVKpSVHtKQ==", "dev": true, - "license": "ISC", "dependencies": { "npm-bundled": "^3.0.0", "npm-normalize-package-bin": "^3.0.0" @@ -3053,21 +4636,63 @@ "installed-package-contents": "lib/index.js" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/@npmcli/node-gyp": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz", + "integrity": "sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==", + "dev": true, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/@npmcli/package-json": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-5.0.0.tgz", + "integrity": "sha512-OI2zdYBLhQ7kpNPaJxiflofYIpkNLi+lnGdzqUOfRmCF3r2l1nadcjtCYMJKv/Utm/ZtlffaUuTiAktPHbc17g==", + "dev": true, + "dependencies": { + "@npmcli/git": "^5.0.0", + "glob": "^10.2.2", + "hosted-git-info": "^7.0.0", + "json-parse-even-better-errors": "^3.0.0", + "normalize-package-data": "^6.0.0", + "proc-log": "^3.0.0", + "semver": "^7.5.3" + }, + "engines": { + "node": "^16.14.0 || >=18.0.0" } }, - "node_modules/@npmcli/node-gyp": { - "version": "3.0.0", + "node_modules/@npmcli/package-json/node_modules/glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", "dev": true, - "license": "ISC", + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" } }, "node_modules/@npmcli/promise-spawn": { - "version": "7.0.0", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-7.0.1.tgz", + "integrity": "sha512-P4KkF9jX3y+7yFUxgcUdDtLy+t4OlDGuEBLNs57AZsfSfg+uV6MLndqGpnl4831ggaEdXwR50XFoZP4VFtHolg==", "dev": true, - "license": "ISC", "dependencies": { "which": "^4.0.0" }, @@ -3077,16 +4702,18 @@ }, "node_modules/@npmcli/promise-spawn/node_modules/isexe": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", "dev": true, - "license": "ISC", "engines": { "node": ">=16" } }, "node_modules/@npmcli/promise-spawn/node_modules/which": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, - "license": "ISC", "dependencies": { "isexe": "^3.1.1" }, @@ -3098,14 +4725,15 @@ } }, "node_modules/@npmcli/run-script": { - "version": "7.0.2", + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-7.0.4.tgz", + "integrity": "sha512-9ApYM/3+rBt9V80aYg6tZfzj3UWdiYyCt7gJUD1VJKvWF5nwKDSICXbYIQbspFTq6TOpbsEtIC0LArB8d9PFmg==", "dev": true, - "license": "ISC", "dependencies": { "@npmcli/node-gyp": "^3.0.0", + "@npmcli/package-json": "^5.0.0", "@npmcli/promise-spawn": "^7.0.0", "node-gyp": "^10.0.0", - "read-package-json-fast": "^3.0.0", "which": "^4.0.0" }, "engines": { @@ -3114,16 +4742,18 @@ }, "node_modules/@npmcli/run-script/node_modules/isexe": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", "dev": true, - "license": "ISC", "engines": { "node": ">=16" } }, "node_modules/@npmcli/run-script/node_modules/which": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, - "license": "ISC", "dependencies": { "isexe": "^3.1.1" }, @@ -3135,19 +4765,21 @@ } }, "node_modules/@nrwl/devkit": { - "version": "17.0.3", + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nrwl/devkit/-/devkit-18.1.2.tgz", + "integrity": "sha512-x+6UJNeWoDtke1FhEAP6ptDLUPJC/xOJ+Wri6RFTi+/ekw7qD3Bj73XHU9C47HBxMxN2voUVMfIX3mC65/CXiQ==", "dev": true, - "license": "MIT", "dependencies": { - "@nx/devkit": "17.0.3" + "@nx/devkit": "18.1.2" } }, "node_modules/@nrwl/tao": { - "version": "17.0.3", + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nrwl/tao/-/tao-18.1.2.tgz", + "integrity": "sha512-IA+osZ5TlKMwJmcP7TECW7TO0JdNNQud9Dgkh1ZfJ4GWnT7WEkE9b2Yf1IFeeB81kCTXXq8jfISa8ZY21MjRaQ==", "dev": true, - "license": "MIT", "dependencies": { - "nx": "17.0.3", + "nx": "18.1.2", "tslib": "^2.3.0" }, "bin": { @@ -3155,62 +4787,179 @@ } }, "node_modules/@nx/devkit": { - "version": "17.0.3", + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-18.1.2.tgz", + "integrity": "sha512-xgiPqKdJ6GVrqXsAyHD/yxqCDW1LekkWgazkuBI8MKA5J2IwZ4Ex5pMsOVMuWz2sTRejuPRqajBclFRMbhfCig==", "dev": true, - "license": "MIT", "dependencies": { - "@nrwl/devkit": "17.0.3", + "@nrwl/devkit": "18.1.2", "ejs": "^3.1.7", "enquirer": "~2.3.6", "ignore": "^5.0.4", - "semver": "7.5.3", + "semver": "^7.5.3", "tmp": "~0.2.1", - "tslib": "^2.3.0" + "tslib": "^2.3.0", + "yargs-parser": "21.1.1" }, "peerDependencies": { "nx": ">= 16 <= 18" } }, - "node_modules/@nx/devkit/node_modules/lru-cache": { - "version": "6.0.0", + "node_modules/@nx/nx-darwin-arm64": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-18.1.2.tgz", + "integrity": "sha512-KduC9WBmeTLP8HyTg4NOgQGLk9LEd5qd9dGuYKPU0jA4b+eJIa0rRHEjFdc5WulQrcUAvTIKfmScRCgzR96ogg==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": ">=10" + "node": ">= 10" } }, - "node_modules/@nx/devkit/node_modules/semver": { - "version": "7.5.3", + "node_modules/@nx/nx-darwin-x64": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-18.1.2.tgz", + "integrity": "sha512-mBf3X8m4P4QHoW8g/L/YoK8zkndDyIw4bojLg8Q3xc47s5JZFCqSSMeOXZ9NicM2DpPiDWSQALtQX7A8lIsoAA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" - }, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": ">=10" + "node": ">= 10" } }, - "node_modules/@nx/devkit/node_modules/yallist": { - "version": "4.0.0", + "node_modules/@nx/nx-freebsd-x64": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-18.1.2.tgz", + "integrity": "sha512-ZqzT2BTsOHhWip1PvNm7AZ4Pzn4I+IZNRvtRgpETYvIH+nqoCmi5rrEi1avnhnr6P5hyzh2mISRSyk186SbZew==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nx/nx-linux-arm-gnueabihf": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-18.1.2.tgz", + "integrity": "sha512-V9Dp9uuuce+/f50dXxaYz1C9ULo5+5VS35yc6gN7b6SchCWjNK+xg1YcHBTRNc2ChBtayO2z+mBQ1s6wMDNs/Q==", + "cpu": [ + "arm" + ], "dev": true, - "license": "ISC" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } }, - "node_modules/@nx/nx-darwin-arm64": { - "version": "17.0.3", + "node_modules/@nx/nx-linux-arm64-gnu": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-18.1.2.tgz", + "integrity": "sha512-aM860T4Hy2JCLcU56mtARIp1MdT1Ms7cGUQzE+a5irM8ZdaHsPdRnYqIgEKd3hoF6PQ6/piHFXWa4xm7pe/2KA==", "cpu": [ "arm64" ], "dev": true, - "license": "MIT", "optional": true, "os": [ - "darwin" + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nx/nx-linux-arm64-musl": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-18.1.2.tgz", + "integrity": "sha512-BgBoOeIgCQ56xii7fKNWiE7UIP/0G+OQhdWJQmh+q6NN0kk78WsdCSq+f7f7LQIji5HiNqUUVx9fd1s6xRSb/w==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nx/nx-linux-x64-gnu": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-18.1.2.tgz", + "integrity": "sha512-WDOjtk+K2Tc9SNjGe+zmyy05VUerZpEQ5kvB6Ude0v/W2bMnmpVrLZwwTF5Yrq0ebbUlXM/9wtc1Zjjc75MU2g==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nx/nx-linux-x64-musl": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-18.1.2.tgz", + "integrity": "sha512-I7jTmbfR5CHC3KVlU3SkqYKJnn25MbH8pdRZJY4gaHnqL9JzbHw9rxddhKBj41lez7jQZTGLnPFUV7JPLXTzKg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nx/nx-win32-arm64-msvc": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-18.1.2.tgz", + "integrity": "sha512-KQobKvkrdkmaJmx0Pyt2lzHkNugO0gE7q9F4h22KIECyGW1tC3nSPAB4F3mmdE2KuWKgYG5WLafvzusysLsR7g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nx/nx-win32-x64-msvc": { + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-18.1.2.tgz", + "integrity": "sha512-uvJvROSwHBwkTOoOPkb56jEsKJjr4LnZ3fCHmEbrtGhAUC0gAUL+dWJUDHoatrGzN+bM2VqrvgNCGkityK96hw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" ], "engines": { "node": ">= 10" @@ -3218,19 +4967,68 @@ }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", "dev": true, - "license": "MIT", "optional": true, "engines": { "node": ">=14" } }, "node_modules/@rollup/plugin-json": { - "version": "6.0.1", + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.1.0.tgz", + "integrity": "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==", + "dev": true, + "dependencies": { + "@rollup/pluginutils": "^5.1.0" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/@rollup/plugin-node-resolve": { + "version": "15.2.3", + "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.3.tgz", + "integrity": "sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==", + "dev": true, + "dependencies": { + "@rollup/pluginutils": "^5.0.1", + "@types/resolve": "1.20.2", + "deepmerge": "^4.2.2", + "is-builtin-module": "^3.2.1", + "is-module": "^1.0.0", + "resolve": "^1.22.1" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "rollup": "^2.78.0||^3.0.0||^4.0.0" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/@rollup/pluginutils": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz", + "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==", "dev": true, - "license": "MIT", "dependencies": { - "@rollup/pluginutils": "^5.0.1" + "@types/estree": "^1.0.0", + "estree-walker": "^2.0.2", + "picomatch": "^2.3.1" }, "engines": { "node": ">=14.0.0" @@ -3244,78 +5042,195 @@ } } }, - "node_modules/@rollup/plugin-node-resolve": { - "version": "15.2.3", + "node_modules/@rollup/pluginutils/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.0.tgz", + "integrity": "sha512-5ZYPOuaAqEH/W3gYsRkxQATBW3Ii1MfaT4EQstTnLKViLi2gLSQmlmtTpGucNP3sXEpOiI5tdGhjdE111ekyEg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.0.tgz", + "integrity": "sha512-BSbaCmn8ZadK3UAQdlauSvtaJjhlDEjS5hEVVIN3A4bbl3X+otyf/kOJV08bYiRxfejP3DXFzO2jz3G20107+Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.0.tgz", + "integrity": "sha512-Ovf2evVaP6sW5Ut0GHyUSOqA6tVKfrTHddtmxGQc1CTQa1Cw3/KMCDEEICZBbyppcwnhMwcDce9ZRxdWRpVd6g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.0.tgz", + "integrity": "sha512-U+Jcxm89UTK592vZ2J9st9ajRv/hrwHdnvyuJpa5A2ngGSVHypigidkQJP+YiGL6JODiUeMzkqQzbCG3At81Gg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.0.tgz", + "integrity": "sha512-8wZidaUJUTIR5T4vRS22VkSMOVooG0F4N+JSwQXWSRiC6yfEsFMLTYRFHvby5mFFuExHa/yAp9juSphQQJAijQ==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.0.tgz", + "integrity": "sha512-Iu0Kno1vrD7zHQDxOmvweqLkAzjxEVqNhUIXBsZ8hu8Oak7/5VTPrxOEZXYC1nmrBVJp0ZcL2E7lSuuOVaE3+w==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.0.tgz", + "integrity": "sha512-C31QrW47llgVyrRjIwiOwsHFcaIwmkKi3PCroQY5aVq4H0A5v/vVVAtFsI1nfBngtoRpeREvZOkIhmRwUKkAdw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.0.tgz", + "integrity": "sha512-Oq90dtMHvthFOPMl7pt7KmxzX7E71AfyIhh+cPhLY9oko97Zf2C9tt/XJD4RgxhaGeAraAXDtqxvKE1y/j35lA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.0.tgz", + "integrity": "sha512-yUD/8wMffnTKuiIsl6xU+4IA8UNhQ/f1sAnQebmE/lyQ8abjsVyDkyRkWop0kdMhKMprpNIhPmYlCxgHrPoXoA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.0.tgz", + "integrity": "sha512-9RyNqoFNdF0vu/qqX63fKotBh43fJQeYC98hCaf89DYQpv+xu0D8QFSOS0biA7cGuqJFOc1bJ+m2rhhsKcw1hw==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@rollup/pluginutils": "^5.0.1", - "@types/resolve": "1.20.2", - "deepmerge": "^4.2.2", - "is-builtin-module": "^3.2.1", - "is-module": "^1.0.0", - "resolve": "^1.22.1" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^2.78.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } + "optional": true, + "os": [ + "linux" + ] }, - "node_modules/@rollup/pluginutils": { - "version": "5.0.5", + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.0.tgz", + "integrity": "sha512-46ue8ymtm/5PUU6pCvjlic0z82qWkxv54GTJZgHrQUuZnVH+tvvSP0LsozIDsCBFO4VjJ13N68wqrKSeScUKdA==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@types/estree": "^1.0.0", - "estree-walker": "^2.0.2", - "picomatch": "^2.3.1" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } + "optional": true, + "os": [ + "win32" + ] }, - "node_modules/@rollup/pluginutils/node_modules/picomatch": { - "version": "2.3.1", + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.0.tgz", + "integrity": "sha512-P5/MqLdLSlqxbeuJ3YDeX37srC8mCflSyTrUsgbU1c/U9j6l2g2GiIdYaGD9QjdMQPMSgYm7hgg0551wHyIluw==", + "cpu": [ + "ia32" + ], "dev": true, - "license": "MIT", - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } + "optional": true, + "os": [ + "win32" + ] }, - "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.5.1", + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.0.tgz", + "integrity": "sha512-UKXUQNbO3DOhzLRwHSpa0HnhhCgNODvfoPWv2FCXme8N/ANFfhIPMGuOT+QuKd16+B5yxZ0HdpNlqPvTMS1qfw==", "cpu": [ - "arm64" + "x64" ], "dev": true, - "license": "MIT", "optional": true, "os": [ - "darwin" + "win32" ] }, "node_modules/@rollup/wasm-node": { - "version": "4.5.1", + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.13.0.tgz", + "integrity": "sha512-oFX11wzU7RTaiW06WBtRpzIVN/oaG0I3XkevNO0brBklYnY9zpLhTfksN4b+TdBt6CfXV/KdVhdWLbb0fQIR7A==", "dev": true, - "license": "MIT", + "dependencies": { + "@types/estree": "1.0.5" + }, "bin": { "rollup": "dist/bin/rollup" }, @@ -3328,13 +5243,14 @@ } }, "node_modules/@schematics/angular": { - "version": "17.0.3", + "version": "17.3.1", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-17.3.1.tgz", + "integrity": "sha512-B3TkpjDjZhxX+tUc2ySEHU33x82Da0sssq/EMqQ1PQBHeRMa0ecyCeExjFEs2y57ZuC+QeVTaUt+TW45lLSjQw==", "dev": true, - "license": "MIT", "dependencies": { - "@angular-devkit/core": "17.0.3", - "@angular-devkit/schematics": "17.0.3", - "jsonc-parser": "3.2.0" + "@angular-devkit/core": "17.3.1", + "@angular-devkit/schematics": "17.3.1", + "jsonc-parser": "3.2.1" }, "engines": { "node": "^18.13.0 || >=20.9.0", @@ -3343,31 +5259,44 @@ } }, "node_modules/@sigstore/bundle": { - "version": "2.1.0", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-2.2.0.tgz", + "integrity": "sha512-5VI58qgNs76RDrwXNhpmyN/jKpq9evV/7f1XrcqcAfvxDl5SeVY/I5Rmfe96ULAV7/FK5dge9RBKGBJPhL1WsQ==", "dev": true, - "license": "Apache-2.0", "dependencies": { - "@sigstore/protobuf-specs": "^0.2.1" + "@sigstore/protobuf-specs": "^0.3.0" }, "engines": { "node": "^16.14.0 || >=18.0.0" } }, + "node_modules/@sigstore/core": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-1.0.0.tgz", + "integrity": "sha512-dW2qjbWLRKGu6MIDUTBuJwXCnR8zivcSpf5inUzk7y84zqy/dji0/uahppoIgMoKeR+6pUZucrwHfkQQtiG9Rw==", + "dev": true, + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, "node_modules/@sigstore/protobuf-specs": { - "version": "0.2.1", + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.3.0.tgz", + "integrity": "sha512-zxiQ66JFOjVvP9hbhGj/F/qNdsZfkGb/dVXSanNRNuAzMlr4MC95voPUBX8//ZNnmv3uSYzdfR/JSkrgvZTGxA==", "dev": true, - "license": "Apache-2.0", "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/@sigstore/sign": { - "version": "2.2.0", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-2.2.3.tgz", + "integrity": "sha512-LqlA+ffyN02yC7RKszCdMTS6bldZnIodiox+IkT8B2f8oRYXCB3LQ9roXeiEL21m64CVH1wyveYAORfD65WoSw==", "dev": true, - "license": "Apache-2.0", "dependencies": { - "@sigstore/bundle": "^2.1.0", - "@sigstore/protobuf-specs": "^0.2.1", + "@sigstore/bundle": "^2.2.0", + "@sigstore/core": "^1.0.0", + "@sigstore/protobuf-specs": "^0.3.0", "make-fetch-happen": "^13.0.0" }, "engines": { @@ -3375,12 +5304,27 @@ } }, "node_modules/@sigstore/tuf": { - "version": "2.2.0", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-2.3.1.tgz", + "integrity": "sha512-9Iv40z652td/QbV0o5n/x25H9w6IYRt2pIGbTX55yFDYlApDQn/6YZomjz6+KBx69rXHLzHcbtTS586mDdFD+Q==", + "dev": true, + "dependencies": { + "@sigstore/protobuf-specs": "^0.3.0", + "tuf-js": "^2.2.0" + }, + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@sigstore/verify": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-1.1.0.tgz", + "integrity": "sha512-1fTqnqyTBWvV7cftUUFtDcHPdSox0N3Ub7C0lRyReYx4zZUlNTZjCV+HPy4Lre+r45dV7Qx5JLKvqqsgxuyYfg==", "dev": true, - "license": "Apache-2.0", "dependencies": { - "@sigstore/protobuf-specs": "^0.2.1", - "tuf-js": "^2.1.0" + "@sigstore/bundle": "^2.2.0", + "@sigstore/core": "^1.0.0", + "@sigstore/protobuf-specs": "^0.3.0" }, "engines": { "node": "^16.14.0 || >=18.0.0" @@ -3388,51 +5332,60 @@ }, "node_modules/@sinclair/typebox": { "version": "0.27.8", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", + "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==", + "dev": true }, "node_modules/@socket.io/component-emitter": { "version": "3.1.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz", + "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==", + "dev": true }, "node_modules/@stackblitz/sdk": { "version": "1.9.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@stackblitz/sdk/-/sdk-1.9.0.tgz", + "integrity": "sha512-3m6C7f8pnR5KXys/Hqx2x6ylnpqOak6HtnZI6T5keEO0yT+E4Spkw37VEbdwuC+2oxmjdgq6YZEgiKX7hM1GmQ==", + "dev": true }, "node_modules/@tsconfig/node10": { "version": "1.0.9", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz", + "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==", + "dev": true }, "node_modules/@tsconfig/node12": { "version": "1.0.11", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz", + "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==", + "dev": true }, "node_modules/@tsconfig/node14": { "version": "1.0.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz", + "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==", + "dev": true }, "node_modules/@tsconfig/node16": { "version": "1.0.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz", + "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==", + "dev": true }, "node_modules/@tufjs/canonical-json": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz", + "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==", "dev": true, - "license": "MIT", "engines": { "node": "^16.14.0 || >=18.0.0" } }, "node_modules/@tufjs/models": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-2.0.0.tgz", + "integrity": "sha512-c8nj8BaOExmZKO2DXhDfegyhSGcG9E/mPN3U13L+/PsoWm1uaGiHHjxqSHQiasDBQwDA3aHuw9+9spYAP1qvvg==", "dev": true, - "license": "MIT", "dependencies": { "@tufjs/canonical-json": "2.0.0", "minimatch": "^9.0.3" @@ -3441,32 +5394,11 @@ "node": "^16.14.0 || >=18.0.0" } }, - "node_modules/@tufjs/models/node_modules/brace-expansion": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0" - } - }, - "node_modules/@tufjs/models/node_modules/minimatch": { - "version": "9.0.3", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^2.0.1" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/@types/body-parser": { "version": "1.19.5", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz", + "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==", "dev": true, - "license": "MIT", "dependencies": { "@types/connect": "*", "@types/node": "*" @@ -3474,24 +5406,27 @@ }, "node_modules/@types/bonjour": { "version": "3.5.13", + "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz", + "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } }, "node_modules/@types/connect": { "version": "3.4.38", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", + "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } }, "node_modules/@types/connect-history-api-fallback": { "version": "1.5.4", + "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz", + "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==", "dev": true, - "license": "MIT", "dependencies": { "@types/express-serve-static-core": "*", "@types/node": "*" @@ -3499,21 +5434,24 @@ }, "node_modules/@types/cookie": { "version": "0.4.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz", + "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==", + "dev": true }, "node_modules/@types/cors": { "version": "2.8.17", + "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz", + "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } }, "node_modules/@types/eslint": { - "version": "8.44.7", + "version": "8.56.6", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.6.tgz", + "integrity": "sha512-ymwc+qb1XkjT/gfoQwxIeHZ6ixH23A+tCT2ADSA/DPVKzAjwYkTXBMCQ/f6fe4wEa85Lhp26VPeUxI7wMhAi7A==", "dev": true, - "license": "MIT", "dependencies": { "@types/estree": "*", "@types/json-schema": "*" @@ -3521,8 +5459,9 @@ }, "node_modules/@types/eslint-scope": { "version": "3.7.7", + "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", + "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", "dev": true, - "license": "MIT", "dependencies": { "@types/eslint": "*", "@types/estree": "*" @@ -3530,13 +5469,15 @@ }, "node_modules/@types/estree": { "version": "1.0.5", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", + "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "dev": true }, "node_modules/@types/express": { "version": "4.17.21", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz", + "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==", "dev": true, - "license": "MIT", "dependencies": { "@types/body-parser": "*", "@types/express-serve-static-core": "^4.17.33", @@ -3545,9 +5486,10 @@ } }, "node_modules/@types/express-serve-static-core": { - "version": "4.17.41", + "version": "4.17.43", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.43.tgz", + "integrity": "sha512-oaYtiBirUOPQGSWNGPWnzyAFJ0BP3cwvN4oWZQY+zUBwpVIGsKUkpBpSztp74drYcjavs7SKFZ4DX1V2QeN8rg==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*", "@types/qs": "*", @@ -3557,47 +5499,54 @@ }, "node_modules/@types/http-errors": { "version": "2.0.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz", + "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==", + "dev": true }, "node_modules/@types/http-proxy": { "version": "1.17.14", + "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.14.tgz", + "integrity": "sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } }, "node_modules/@types/istanbul-lib-coverage": { "version": "2.0.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz", + "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==", + "dev": true }, "node_modules/@types/istanbul-lib-report": { "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz", + "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==", "dev": true, - "license": "MIT", "dependencies": { "@types/istanbul-lib-coverage": "*" } }, "node_modules/@types/istanbul-reports": { "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz", + "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==", "dev": true, - "license": "MIT", "dependencies": { "@types/istanbul-lib-report": "*" } }, "node_modules/@types/jasmine": { "version": "4.3.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-4.3.6.tgz", + "integrity": "sha512-3N0FpQTeiWjm+Oo1WUYWguUS7E6JLceiGTriFrG8k5PU7zRLJCzLcWURU3wjMbZGS//a2/LgjsnO3QxIlwxt9g==", + "dev": true }, "node_modules/@types/jest": { - "version": "29.5.10", + "version": "29.5.12", + "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.12.tgz", + "integrity": "sha512-eDC8bTvT/QhYdxJAulQikueigY5AsdBRH2yDKW3yveW7svY3+DzN84/2NUgkw10RTiJbWqZrTtoGVdYlvFJdLw==", "dev": true, - "license": "MIT", "dependencies": { "expect": "^29.0.0", "pretty-format": "^29.0.0" @@ -3605,59 +5554,67 @@ }, "node_modules/@types/json-schema": { "version": "7.0.15", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true }, "node_modules/@types/json5": { "version": "0.0.29", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz", + "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==", + "dev": true }, "node_modules/@types/mime": { "version": "1.3.5", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz", + "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==", + "dev": true }, "node_modules/@types/node": { - "version": "16.18.64", - "dev": true, - "license": "MIT" + "version": "16.18.91", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.91.tgz", + "integrity": "sha512-h8Q4klc8xzc9kJKr7UYNtJde5TU2qEePVyH3WyzJaUC+3ptyc5kPQbWOIUcn8ZsG5+KSkq+P0py0kC0VqxgAXw==", + "dev": true }, "node_modules/@types/node-forge": { - "version": "1.3.10", + "version": "1.3.11", + "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz", + "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } }, "node_modules/@types/prop-types": { "version": "15.7.11", - "license": "MIT", - "optional": true, - "peer": true + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", + "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==", + "dev": true }, "node_modules/@types/qs": { - "version": "6.9.10", - "dev": true, - "license": "MIT" + "version": "6.9.14", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.14.tgz", + "integrity": "sha512-5khscbd3SwWMhFqylJBLQ0zIu7c1K6Vz0uBIt915BI3zV0q1nfjRQD3RqSBcPaO6PHEF4ov/t9y89fSiyThlPA==", + "dev": true }, "node_modules/@types/raf": { "version": "3.4.3", + "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz", + "integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==", "dev": true, - "license": "MIT", "optional": true }, "node_modules/@types/range-parser": { "version": "1.2.7", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz", + "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", + "dev": true }, "node_modules/@types/react": { - "version": "18.2.38", - "license": "MIT", - "optional": true, - "peer": true, + "version": "18.2.67", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.67.tgz", + "integrity": "sha512-vkIE2vTIMHQ/xL0rgmuoECBCkZFZeHr49HeWSc24AptMbNRo7pwSBvj73rlJJs9fGKj0koS+V7kQB1jHS0uCgw==", + "dev": true, "dependencies": { "@types/prop-types": "*", "@types/scheduler": "*", @@ -3666,29 +5623,33 @@ }, "node_modules/@types/resolve": { "version": "1.20.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz", + "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==", + "dev": true }, "node_modules/@types/retry": { "version": "0.12.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz", + "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==", + "dev": true }, "node_modules/@types/scheduler": { "version": "0.16.8", - "license": "MIT", - "optional": true, - "peer": true + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz", + "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==", + "dev": true }, "node_modules/@types/semver": { - "version": "7.5.6", - "dev": true, - "license": "MIT" + "version": "7.5.8", + "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz", + "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==", + "dev": true }, "node_modules/@types/send": { "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz", + "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==", "dev": true, - "license": "MIT", "dependencies": { "@types/mime": "^1", "@types/node": "*" @@ -3696,16 +5657,18 @@ }, "node_modules/@types/serve-index": { "version": "1.9.4", + "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz", + "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==", "dev": true, - "license": "MIT", "dependencies": { "@types/express": "*" } }, "node_modules/@types/serve-static": { "version": "1.15.5", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz", + "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==", "dev": true, - "license": "MIT", "dependencies": { "@types/http-errors": "*", "@types/mime": "*", @@ -3714,48 +5677,54 @@ }, "node_modules/@types/sockjs": { "version": "0.3.36", + "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz", + "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } }, "node_modules/@types/stack-utils": { "version": "2.0.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz", + "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==", + "dev": true }, "node_modules/@types/ws": { "version": "8.5.10", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz", + "integrity": "sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*" } }, "node_modules/@types/yargs": { "version": "17.0.32", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz", + "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==", "dev": true, - "license": "MIT", "dependencies": { "@types/yargs-parser": "*" } }, "node_modules/@types/yargs-parser": { "version": "21.0.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz", + "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==", + "dev": true }, "node_modules/@typescript-eslint/eslint-plugin": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz", + "integrity": "sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==", "dev": true, - "license": "MIT", "dependencies": { "@eslint-community/regexpp": "^4.5.1", - "@typescript-eslint/scope-manager": "6.12.0", - "@typescript-eslint/type-utils": "6.12.0", - "@typescript-eslint/utils": "6.12.0", - "@typescript-eslint/visitor-keys": "6.12.0", + "@typescript-eslint/scope-manager": "6.21.0", + "@typescript-eslint/type-utils": "6.21.0", + "@typescript-eslint/utils": "6.21.0", + "@typescript-eslint/visitor-keys": "6.21.0", "debug": "^4.3.4", "graphemer": "^1.4.0", "ignore": "^5.2.4", @@ -3781,12 +5750,13 @@ } }, "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/type-utils": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz", + "integrity": "sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==", "dev": true, - "license": "MIT", "dependencies": { - "@typescript-eslint/typescript-estree": "6.12.0", - "@typescript-eslint/utils": "6.12.0", + "@typescript-eslint/typescript-estree": "6.21.0", + "@typescript-eslint/utils": "6.21.0", "debug": "^4.3.4", "ts-api-utils": "^1.0.1" }, @@ -3807,16 +5777,17 @@ } }, "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/utils": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.21.0.tgz", + "integrity": "sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==", "dev": true, - "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.4.0", "@types/json-schema": "^7.0.12", "@types/semver": "^7.5.0", - "@typescript-eslint/scope-manager": "6.12.0", - "@typescript-eslint/types": "6.12.0", - "@typescript-eslint/typescript-estree": "6.12.0", + "@typescript-eslint/scope-manager": "6.21.0", + "@typescript-eslint/types": "6.21.0", + "@typescript-eslint/typescript-estree": "6.21.0", "semver": "^7.5.4" }, "engines": { @@ -3831,15 +5802,16 @@ } }, "node_modules/@typescript-eslint/parser": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz", + "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==", "dev": true, - "license": "BSD-2-Clause", "peer": true, "dependencies": { - "@typescript-eslint/scope-manager": "6.12.0", - "@typescript-eslint/types": "6.12.0", - "@typescript-eslint/typescript-estree": "6.12.0", - "@typescript-eslint/visitor-keys": "6.12.0", + "@typescript-eslint/scope-manager": "6.21.0", + "@typescript-eslint/types": "6.21.0", + "@typescript-eslint/typescript-estree": "6.21.0", + "@typescript-eslint/visitor-keys": "6.21.0", "debug": "^4.3.4" }, "engines": { @@ -3859,12 +5831,13 @@ } }, "node_modules/@typescript-eslint/scope-manager": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz", + "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==", "dev": true, - "license": "MIT", "dependencies": { - "@typescript-eslint/types": "6.12.0", - "@typescript-eslint/visitor-keys": "6.12.0" + "@typescript-eslint/types": "6.21.0", + "@typescript-eslint/visitor-keys": "6.21.0" }, "engines": { "node": "^16.0.0 || >=18.0.0" @@ -3875,12 +5848,13 @@ } }, "node_modules/@typescript-eslint/type-utils": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.2.0.tgz", + "integrity": "sha512-xHi51adBHo9O9330J8GQYQwrKBqbIPJGZZVQTHHmy200hvkLZFWJIFtAG/7IYTWUyun6DE6w5InDReePJYJlJA==", "dev": true, - "license": "MIT", "dependencies": { - "@typescript-eslint/typescript-estree": "6.10.0", - "@typescript-eslint/utils": "6.10.0", + "@typescript-eslint/typescript-estree": "7.2.0", + "@typescript-eslint/utils": "7.2.0", "debug": "^4.3.4", "ts-api-utils": "^1.0.1" }, @@ -3892,7 +5866,7 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "eslint": "^7.0.0 || ^8.0.0" + "eslint": "^8.56.0" }, "peerDependenciesMeta": { "typescript": { @@ -3901,9 +5875,10 @@ } }, "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.2.0.tgz", + "integrity": "sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==", "dev": true, - "license": "MIT", "engines": { "node": "^16.0.0 || >=18.0.0" }, @@ -3913,15 +5888,17 @@ } }, "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz", + "integrity": "sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { - "@typescript-eslint/types": "6.10.0", - "@typescript-eslint/visitor-keys": "6.10.0", + "@typescript-eslint/types": "7.2.0", + "@typescript-eslint/visitor-keys": "7.2.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", + "minimatch": "9.0.3", "semver": "^7.5.4", "ts-api-utils": "^1.0.1" }, @@ -3939,11 +5916,12 @@ } }, "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/visitor-keys": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz", + "integrity": "sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==", "dev": true, - "license": "MIT", "dependencies": { - "@typescript-eslint/types": "6.10.0", + "@typescript-eslint/types": "7.2.0", "eslint-visitor-keys": "^3.4.1" }, "engines": { @@ -3955,9 +5933,10 @@ } }, "node_modules/@typescript-eslint/types": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz", + "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==", "dev": true, - "license": "MIT", "engines": { "node": "^16.0.0 || >=18.0.0" }, @@ -3967,15 +5946,17 @@ } }, "node_modules/@typescript-eslint/typescript-estree": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz", + "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { - "@typescript-eslint/types": "6.12.0", - "@typescript-eslint/visitor-keys": "6.12.0", + "@typescript-eslint/types": "6.21.0", + "@typescript-eslint/visitor-keys": "6.21.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", + "minimatch": "9.0.3", "semver": "^7.5.4", "ts-api-utils": "^1.0.1" }, @@ -3993,16 +5974,17 @@ } }, "node_modules/@typescript-eslint/utils": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.2.0.tgz", + "integrity": "sha512-YfHpnMAGb1Eekpm3XRK8hcMwGLGsnT6L+7b2XyRv6ouDuJU1tZir1GS2i0+VXRatMwSI1/UfcyPe53ADkU+IuA==", "dev": true, - "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.4.0", "@types/json-schema": "^7.0.12", "@types/semver": "^7.5.0", - "@typescript-eslint/scope-manager": "6.10.0", - "@typescript-eslint/types": "6.10.0", - "@typescript-eslint/typescript-estree": "6.10.0", + "@typescript-eslint/scope-manager": "7.2.0", + "@typescript-eslint/types": "7.2.0", + "@typescript-eslint/typescript-estree": "7.2.0", "semver": "^7.5.4" }, "engines": { @@ -4013,16 +5995,17 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "eslint": "^7.0.0 || ^8.0.0" + "eslint": "^8.56.0" } }, "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/scope-manager": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz", + "integrity": "sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==", "dev": true, - "license": "MIT", "dependencies": { - "@typescript-eslint/types": "6.10.0", - "@typescript-eslint/visitor-keys": "6.10.0" + "@typescript-eslint/types": "7.2.0", + "@typescript-eslint/visitor-keys": "7.2.0" }, "engines": { "node": "^16.0.0 || >=18.0.0" @@ -4033,9 +6016,10 @@ } }, "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.2.0.tgz", + "integrity": "sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==", "dev": true, - "license": "MIT", "engines": { "node": "^16.0.0 || >=18.0.0" }, @@ -4045,15 +6029,17 @@ } }, "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz", + "integrity": "sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { - "@typescript-eslint/types": "6.10.0", - "@typescript-eslint/visitor-keys": "6.10.0", + "@typescript-eslint/types": "7.2.0", + "@typescript-eslint/visitor-keys": "7.2.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", + "minimatch": "9.0.3", "semver": "^7.5.4", "ts-api-utils": "^1.0.1" }, @@ -4071,11 +6057,12 @@ } }, "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": { - "version": "6.10.0", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz", + "integrity": "sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==", "dev": true, - "license": "MIT", "dependencies": { - "@typescript-eslint/types": "6.10.0", + "@typescript-eslint/types": "7.2.0", "eslint-visitor-keys": "^3.4.1" }, "engines": { @@ -4087,11 +6074,12 @@ } }, "node_modules/@typescript-eslint/visitor-keys": { - "version": "6.12.0", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz", + "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==", "dev": true, - "license": "MIT", "dependencies": { - "@typescript-eslint/types": "6.12.0", + "@typescript-eslint/types": "6.21.0", "eslint-visitor-keys": "^3.4.1" }, "engines": { @@ -4104,24 +6092,15 @@ }, "node_modules/@ungap/structured-clone": { "version": "1.2.0", - "dev": true, - "license": "ISC" - }, - "node_modules/@vitejs/plugin-basic-ssl": { - "version": "1.0.1", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=14.6.0" - }, - "peerDependencies": { - "vite": "^3.0.0 || ^4.0.0" - } + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz", + "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==", + "dev": true }, "node_modules/@webassemblyjs/ast": { - "version": "1.11.6", + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz", + "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/helper-numbers": "1.11.6", "@webassemblyjs/helper-wasm-bytecode": "1.11.6" @@ -4129,23 +6108,27 @@ }, "node_modules/@webassemblyjs/floating-point-hex-parser": { "version": "1.11.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", + "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==", + "dev": true }, "node_modules/@webassemblyjs/helper-api-error": { "version": "1.11.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", + "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==", + "dev": true }, "node_modules/@webassemblyjs/helper-buffer": { - "version": "1.11.6", - "dev": true, - "license": "MIT" + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz", + "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==", + "dev": true }, "node_modules/@webassemblyjs/helper-numbers": { "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", + "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/floating-point-hex-parser": "1.11.6", "@webassemblyjs/helper-api-error": "1.11.6", @@ -4154,62 +6137,69 @@ }, "node_modules/@webassemblyjs/helper-wasm-bytecode": { "version": "1.11.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", + "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==", + "dev": true }, "node_modules/@webassemblyjs/helper-wasm-section": { - "version": "1.11.6", + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz", + "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==", "dev": true, - "license": "MIT", "dependencies": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-buffer": "1.11.6", + "@webassemblyjs/ast": "1.12.1", + "@webassemblyjs/helper-buffer": "1.12.1", "@webassemblyjs/helper-wasm-bytecode": "1.11.6", - "@webassemblyjs/wasm-gen": "1.11.6" + "@webassemblyjs/wasm-gen": "1.12.1" } }, "node_modules/@webassemblyjs/ieee754": { "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz", + "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==", "dev": true, - "license": "MIT", "dependencies": { "@xtuc/ieee754": "^1.2.0" } }, "node_modules/@webassemblyjs/leb128": { "version": "1.11.6", + "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz", + "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==", "dev": true, - "license": "Apache-2.0", "dependencies": { "@xtuc/long": "4.2.2" } }, "node_modules/@webassemblyjs/utf8": { "version": "1.11.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz", + "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==", + "dev": true }, "node_modules/@webassemblyjs/wasm-edit": { - "version": "1.11.6", + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz", + "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==", "dev": true, - "license": "MIT", "dependencies": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-buffer": "1.11.6", + "@webassemblyjs/ast": "1.12.1", + "@webassemblyjs/helper-buffer": "1.12.1", "@webassemblyjs/helper-wasm-bytecode": "1.11.6", - "@webassemblyjs/helper-wasm-section": "1.11.6", - "@webassemblyjs/wasm-gen": "1.11.6", - "@webassemblyjs/wasm-opt": "1.11.6", - "@webassemblyjs/wasm-parser": "1.11.6", - "@webassemblyjs/wast-printer": "1.11.6" + "@webassemblyjs/helper-wasm-section": "1.12.1", + "@webassemblyjs/wasm-gen": "1.12.1", + "@webassemblyjs/wasm-opt": "1.12.1", + "@webassemblyjs/wasm-parser": "1.12.1", + "@webassemblyjs/wast-printer": "1.12.1" } }, "node_modules/@webassemblyjs/wasm-gen": { - "version": "1.11.6", + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz", + "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==", "dev": true, - "license": "MIT", "dependencies": { - "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/ast": "1.12.1", "@webassemblyjs/helper-wasm-bytecode": "1.11.6", "@webassemblyjs/ieee754": "1.11.6", "@webassemblyjs/leb128": "1.11.6", @@ -4217,22 +6207,24 @@ } }, "node_modules/@webassemblyjs/wasm-opt": { - "version": "1.11.6", + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz", + "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==", "dev": true, - "license": "MIT", "dependencies": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-buffer": "1.11.6", - "@webassemblyjs/wasm-gen": "1.11.6", - "@webassemblyjs/wasm-parser": "1.11.6" + "@webassemblyjs/ast": "1.12.1", + "@webassemblyjs/helper-buffer": "1.12.1", + "@webassemblyjs/wasm-gen": "1.12.1", + "@webassemblyjs/wasm-parser": "1.12.1" } }, "node_modules/@webassemblyjs/wasm-parser": { - "version": "1.11.6", + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz", + "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==", "dev": true, - "license": "MIT", "dependencies": { - "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/ast": "1.12.1", "@webassemblyjs/helper-api-error": "1.11.6", "@webassemblyjs/helper-wasm-bytecode": "1.11.6", "@webassemblyjs/ieee754": "1.11.6", @@ -4241,33 +6233,38 @@ } }, "node_modules/@webassemblyjs/wast-printer": { - "version": "1.11.6", + "version": "1.12.1", + "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz", + "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==", "dev": true, - "license": "MIT", "dependencies": { - "@webassemblyjs/ast": "1.11.6", + "@webassemblyjs/ast": "1.12.1", "@xtuc/long": "4.2.2" } }, "node_modules/@xtuc/ieee754": { "version": "1.2.0", - "dev": true, - "license": "BSD-3-Clause" + "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", + "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", + "dev": true }, "node_modules/@xtuc/long": { "version": "4.2.2", - "dev": true, - "license": "Apache-2.0" + "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", + "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", + "dev": true }, "node_modules/@yarnpkg/lockfile": { "version": "1.1.0", - "dev": true, - "license": "BSD-2-Clause" + "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", + "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", + "dev": true }, "node_modules/@yarnpkg/parsers": { "version": "3.0.0-rc.46", + "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.46.tgz", + "integrity": "sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "js-yaml": "^3.10.0", "tslib": "^2.4.0" @@ -4278,8 +6275,9 @@ }, "node_modules/@zkochan/js-yaml": { "version": "0.0.6", + "resolved": "https://registry.npmjs.org/@zkochan/js-yaml/-/js-yaml-0.0.6.tgz", + "integrity": "sha512-nzvgl3VfhcELQ8LyVrYOru+UtAy1nrygk2+AGbTm8a5YcO6o8lSjAT+pfg3vJWxIoZKOUhrK6UU7xW/+00kQrg==", "dev": true, - "license": "MIT", "dependencies": { "argparse": "^2.0.1" }, @@ -4289,26 +6287,24 @@ }, "node_modules/@zkochan/js-yaml/node_modules/argparse": { "version": "2.0.1", - "dev": true, - "license": "Python-2.0" - }, - "node_modules/abab": { - "version": "2.0.6", - "dev": true, - "license": "BSD-3-Clause" + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true }, "node_modules/abbrev": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz", + "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==", "dev": true, - "license": "ISC", "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/accepts": { "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", "dev": true, - "license": "MIT", "dependencies": { "mime-types": "~2.1.34", "negotiator": "0.6.3" @@ -4318,9 +6314,10 @@ } }, "node_modules/acorn": { - "version": "8.11.2", + "version": "8.11.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", + "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", "dev": true, - "license": "MIT", "bin": { "acorn": "bin/acorn" }, @@ -4330,32 +6327,36 @@ }, "node_modules/acorn-import-assertions": { "version": "1.9.0", + "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz", + "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==", "dev": true, - "license": "MIT", "peerDependencies": { "acorn": "^8" } }, "node_modules/acorn-jsx": { "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", "dev": true, - "license": "MIT", "peerDependencies": { "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "node_modules/acorn-walk": { - "version": "8.3.0", + "version": "8.3.2", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.2.tgz", + "integrity": "sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.4.0" } }, "node_modules/adjust-sourcemap-loader": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz", + "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==", "dev": true, - "license": "MIT", "dependencies": { "loader-utils": "^2.0.0", "regex-parser": "^2.2.11" @@ -4366,8 +6367,9 @@ }, "node_modules/adjust-sourcemap-loader/node_modules/loader-utils": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", + "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", "dev": true, - "license": "MIT", "dependencies": { "big.js": "^5.2.2", "emojis-list": "^3.0.0", @@ -4379,16 +6381,18 @@ }, "node_modules/adler-32": { "version": "1.3.1", + "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz", + "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=0.8" } }, "node_modules/agent-base": { "version": "7.1.0", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz", + "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==", "dev": true, - "license": "MIT", "dependencies": { "debug": "^4.3.4" }, @@ -4398,8 +6402,9 @@ }, "node_modules/aggregate-error": { "version": "4.0.1", + "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-4.0.1.tgz", + "integrity": "sha512-0poP0T7el6Vq3rstR8Mn4V/IQrpBLO6POkUSrN7RhyY+GF/InCFShQzsQ39T25gkHhLgSLByyAz+Kjb+c2L98w==", "dev": true, - "license": "MIT", "dependencies": { "clean-stack": "^4.0.0", "indent-string": "^5.0.0" @@ -4413,8 +6418,9 @@ }, "node_modules/ajv": { "version": "8.12.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", + "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "json-schema-traverse": "^1.0.0", @@ -4428,8 +6434,9 @@ }, "node_modules/ajv-formats": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", + "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", "dev": true, - "license": "MIT", "dependencies": { "ajv": "^8.0.0" }, @@ -4444,8 +6451,9 @@ }, "node_modules/ajv-keywords": { "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.3" }, @@ -4454,37 +6462,41 @@ } }, "node_modules/algoliasearch": { - "version": "4.20.0", - "license": "MIT", - "dependencies": { - "@algolia/cache-browser-local-storage": "4.20.0", - "@algolia/cache-common": "4.20.0", - "@algolia/cache-in-memory": "4.20.0", - "@algolia/client-account": "4.20.0", - "@algolia/client-analytics": "4.20.0", - "@algolia/client-common": "4.20.0", - "@algolia/client-personalization": "4.20.0", - "@algolia/client-search": "4.20.0", - "@algolia/logger-common": "4.20.0", - "@algolia/logger-console": "4.20.0", - "@algolia/requester-browser-xhr": "4.20.0", - "@algolia/requester-common": "4.20.0", - "@algolia/requester-node-http": "4.20.0", - "@algolia/transporter": "4.20.0" + "version": "4.22.1", + "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.22.1.tgz", + "integrity": "sha512-jwydKFQJKIx9kIZ8Jm44SdpigFwRGPESaxZBaHSV0XWN2yBJAOT4mT7ppvlrpA4UGzz92pqFnVKr/kaZXrcreg==", + "dev": true, + "dependencies": { + "@algolia/cache-browser-local-storage": "4.22.1", + "@algolia/cache-common": "4.22.1", + "@algolia/cache-in-memory": "4.22.1", + "@algolia/client-account": "4.22.1", + "@algolia/client-analytics": "4.22.1", + "@algolia/client-common": "4.22.1", + "@algolia/client-personalization": "4.22.1", + "@algolia/client-search": "4.22.1", + "@algolia/logger-common": "4.22.1", + "@algolia/logger-console": "4.22.1", + "@algolia/requester-browser-xhr": "4.22.1", + "@algolia/requester-common": "4.22.1", + "@algolia/requester-node-http": "4.22.1", + "@algolia/transporter": "4.22.1" } }, "node_modules/ansi-colors": { "version": "4.1.3", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz", + "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/ansi-cyan": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz", + "integrity": "sha512-eCjan3AVo/SxZ0/MyIYRtkpxIu/H3xZN7URr1vXVrISxeyz8fUFz0FJziamK4sS8I+t35y4rHg1b2PklyBe/7A==", "dev": true, - "license": "MIT", "dependencies": { "ansi-wrap": "0.1.0" }, @@ -4494,8 +6506,9 @@ }, "node_modules/ansi-escapes": { "version": "4.3.2", + "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", + "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==", "dev": true, - "license": "MIT", "dependencies": { "type-fest": "^0.21.3" }, @@ -4508,8 +6521,9 @@ }, "node_modules/ansi-gray": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz", + "integrity": "sha512-HrgGIZUl8h2EHuZaU9hTR/cU5nhKxpVE1V6kdGsQ8e4zirElJ5fvtfc8N7Q1oq1aatO275i8pUFUCpNWCAnVWw==", "dev": true, - "license": "MIT", "dependencies": { "ansi-wrap": "0.1.0" }, @@ -4519,19 +6533,21 @@ }, "node_modules/ansi-html-community": { "version": "0.0.8", + "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz", + "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==", "dev": true, "engines": [ "node >= 0.8.0" ], - "license": "Apache-2.0", "bin": { "ansi-html": "bin/ansi-html" } }, "node_modules/ansi-red": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/ansi-red/-/ansi-red-0.1.1.tgz", + "integrity": "sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow==", "dev": true, - "license": "MIT", "dependencies": { "ansi-wrap": "0.1.0" }, @@ -4541,21 +6557,24 @@ }, "node_modules/ansi-regex": { "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/ansi-sequence-parser": { "version": "1.1.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/ansi-sequence-parser/-/ansi-sequence-parser-1.1.1.tgz", + "integrity": "sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==", + "dev": true }, "node_modules/ansi-styles": { "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^1.9.0" }, @@ -4565,16 +6584,18 @@ }, "node_modules/ansi-wrap": { "version": "0.1.0", + "resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz", + "integrity": "sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/anymatch": { "version": "3.1.3", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", + "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", "dev": true, - "license": "ISC", "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" @@ -4585,8 +6606,9 @@ }, "node_modules/anymatch/node_modules/picomatch": { "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true, - "license": "MIT", "engines": { "node": ">=8.6" }, @@ -4596,8 +6618,9 @@ }, "node_modules/append-buffer": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", + "integrity": "sha512-WLbYiXzD3y/ATLZFufV/rZvWdZOs+Z/+5v1rBZ463Jn398pa6kcde27cvozYnBoxXblGZTFfoPpsaEw0orU5BA==", "dev": true, - "license": "MIT", "dependencies": { "buffer-equal": "^1.0.0" }, @@ -4607,47 +6630,54 @@ }, "node_modules/archy": { "version": "1.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz", + "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==", + "dev": true }, "node_modules/are-docs-informative": { "version": "0.0.2", + "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz", + "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==", "dev": true, - "license": "MIT", "engines": { "node": ">=14" } }, "node_modules/arg": { "version": "4.1.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz", + "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", + "dev": true }, "node_modules/argparse": { "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", "dev": true, - "license": "MIT", "dependencies": { "sprintf-js": "~1.0.2" } }, "node_modules/argparse/node_modules/sprintf-js": { "version": "1.0.3", - "dev": true, - "license": "BSD-3-Clause" + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==", + "dev": true }, "node_modules/aria-query": { "version": "5.3.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", + "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", "dev": true, - "license": "Apache-2.0", "dependencies": { "dequal": "^2.0.3" } }, "node_modules/arr-diff": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha512-OQwDZUqYaQwyyhDJHThmzId8daf4/RFNLaeh3AevmSeZ5Y7ug4Ga/yKc6l6kTZOBW781rCj103ZuTh8GAsB3+Q==", "dev": true, - "license": "MIT", "dependencies": { "arr-flatten": "^1.0.1", "array-slice": "^0.2.3" @@ -4658,16 +6688,18 @@ }, "node_modules/arr-diff/node_modules/array-slice": { "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha512-rlVfZW/1Ph2SNySXwR9QYkChp8EkOEiTMO5Vwx60usw04i4nWemkm9RXmQqgkQFaLHsqLuADvjp6IfgL9l2M8Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/arr-filter": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/arr-filter/-/arr-filter-1.1.2.tgz", + "integrity": "sha512-A2BETWCqhsecSvCkWAeVBFLH6sXEUGASuzkpjL3GR1SlL/PWL6M3J8EAAld2Uubmh39tvkJTqC9LeLHCUKmFXA==", "dev": true, - "license": "MIT", "dependencies": { "make-iterator": "^1.0.0" }, @@ -4677,16 +6709,18 @@ }, "node_modules/arr-flatten": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", + "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/arr-map": { "version": "2.0.2", + "resolved": "https://registry.npmjs.org/arr-map/-/arr-map-2.0.2.tgz", + "integrity": "sha512-tVqVTHt+Q5Xb09qRkbu+DidW1yYzz5izWS2Xm2yFm7qJnmUfz4HPzNxbHkdRJbz2lrqI7S+z17xNYdFcBBO8Hw==", "dev": true, - "license": "MIT", "dependencies": { "make-iterator": "^1.0.0" }, @@ -4696,19 +6730,24 @@ }, "node_modules/arr-union": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha512-t5db90jq+qdgk8aFnxEkjqta0B/GHrM1pxzuuZz2zWsOXc5nKu3t+76s/PQBA8FTcM/ipspIH9jWG4OxCBc2eA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/array-buffer-byte-length": { - "version": "1.0.0", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz", + "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "is-array-buffer": "^3.0.1" + "call-bind": "^1.0.5", + "is-array-buffer": "^3.0.4" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -4716,26 +6755,30 @@ }, "node_modules/array-each": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz", + "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/array-flatten": { "version": "1.1.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", + "dev": true }, "node_modules/array-includes": { - "version": "3.1.7", + "version": "3.1.8", + "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz", + "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1", - "get-intrinsic": "^1.2.1", + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.2", + "es-object-atoms": "^1.0.0", + "get-intrinsic": "^1.2.4", "is-string": "^1.0.7" }, "engines": { @@ -4747,8 +6790,9 @@ }, "node_modules/array-initial": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/array-initial/-/array-initial-1.1.0.tgz", + "integrity": "sha512-BC4Yl89vneCYfpLrs5JU2aAu9/a+xWbeKhvISg9PT7eWFB9UlRvI+rKEtk6mgxWr3dSkk9gQ8hCrdqt06NXPdw==", "dev": true, - "license": "MIT", "dependencies": { "array-slice": "^1.0.0", "is-number": "^4.0.0" @@ -4759,16 +6803,18 @@ }, "node_modules/array-initial/node_modules/is-number": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", + "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/array-last": { "version": "1.3.0", + "resolved": "https://registry.npmjs.org/array-last/-/array-last-1.3.0.tgz", + "integrity": "sha512-eOCut5rXlI6aCOS7Z7kCplKRKyiFQ6dHFBem4PwlwKeNFk2/XxTrhRh5T9PyaEWGy/NHTZWbY+nsZlNFJu9rYg==", "dev": true, - "license": "MIT", "dependencies": { "is-number": "^4.0.0" }, @@ -4778,24 +6824,27 @@ }, "node_modules/array-last/node_modules/is-number": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", + "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/array-slice": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz", + "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/array-sort": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/array-sort/-/array-sort-1.0.0.tgz", + "integrity": "sha512-ihLeJkonmdiAsD7vpgN3CRcx2J2S0TiYW+IS/5zHBI7mKUq3ySvBdzzBfD236ubDBQFiiyG3SWCPc+msQ9KoYg==", "dev": true, - "license": "MIT", "dependencies": { "default-compare": "^1.0.0", "get-value": "^2.0.6", @@ -4807,30 +6856,34 @@ }, "node_modules/array-union": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/array-unique": { "version": "0.3.2", + "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", + "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/array.prototype.findlastindex": { - "version": "1.2.3", + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz", + "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1", - "es-shim-unscopables": "^1.0.0", - "get-intrinsic": "^1.2.1" + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.2", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0", + "es-shim-unscopables": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -4841,8 +6894,9 @@ }, "node_modules/array.prototype.flat": { "version": "1.3.2", + "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz", + "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "define-properties": "^1.2.0", @@ -4858,8 +6912,9 @@ }, "node_modules/array.prototype.flatmap": { "version": "1.3.2", + "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz", + "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "define-properties": "^1.2.0", @@ -4874,16 +6929,18 @@ } }, "node_modules/arraybuffer.prototype.slice": { - "version": "1.0.2", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz", + "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==", "dev": true, - "license": "MIT", "dependencies": { - "array-buffer-byte-length": "^1.0.0", - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1", - "get-intrinsic": "^1.2.1", - "is-array-buffer": "^3.0.2", + "array-buffer-byte-length": "^1.0.1", + "call-bind": "^1.0.5", + "define-properties": "^1.2.1", + "es-abstract": "^1.22.3", + "es-errors": "^1.2.1", + "get-intrinsic": "^1.2.3", + "is-array-buffer": "^3.0.4", "is-shared-array-buffer": "^1.0.2" }, "engines": { @@ -4895,21 +6952,24 @@ }, "node_modules/assign-symbols": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", + "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/async": { "version": "3.2.5", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz", + "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==", + "dev": true }, "node_modules/async-done": { "version": "1.3.2", + "resolved": "https://registry.npmjs.org/async-done/-/async-done-1.3.2.tgz", + "integrity": "sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==", "dev": true, - "license": "MIT", "dependencies": { "end-of-stream": "^1.1.0", "once": "^1.3.2", @@ -4922,27 +6982,21 @@ }, "node_modules/async-each": { "version": "1.0.6", + "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz", + "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==", "dev": true, "funding": [ { "type": "individual", "url": "https://paulmillr.com/funding/" } - ], - "license": "MIT" - }, - "node_modules/async-each-series": { - "version": "0.1.1", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.8.0" - } + ] }, "node_modules/async-settle": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/async-settle/-/async-settle-1.0.0.tgz", + "integrity": "sha512-VPXfB4Vk49z1LHHodrEQ6Xf7W4gg1w0dAPROHngx7qgDjqmIQ+fXmwgGXTW/ITLai0YLSvWepJOP9EVpMnEAcw==", "dev": true, - "license": "MIT", "dependencies": { "async-done": "^1.2.2" }, @@ -4952,13 +7006,15 @@ }, "node_modules/asynckit": { "version": "0.4.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "dev": true }, "node_modules/atob": { "version": "2.1.2", + "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", + "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==", "dev": true, - "license": "(MIT OR Apache-2.0)", "bin": { "atob": "bin/atob.js" }, @@ -4967,7 +7023,9 @@ } }, "node_modules/autoprefixer": { - "version": "10.4.16", + "version": "10.4.18", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.18.tgz", + "integrity": "sha512-1DKbDfsr6KUElM6wg+0zRNkB/Q7WcKYAaK+pzXn+Xqmszm/5Xa9coeNdtP88Vi+dPzZnMjhge8GIV49ZQkDa+g==", "dev": true, "funding": [ { @@ -4983,11 +7041,10 @@ "url": "https://github.com/sponsors/ai" } ], - "license": "MIT", "dependencies": { - "browserslist": "^4.21.10", - "caniuse-lite": "^1.0.30001538", - "fraction.js": "^4.3.6", + "browserslist": "^4.23.0", + "caniuse-lite": "^1.0.30001591", + "fraction.js": "^4.3.7", "normalize-range": "^0.1.2", "picocolors": "^1.0.0", "postcss-value-parser": "^4.2.0" @@ -5003,9 +7060,13 @@ } }, "node_modules/available-typed-arrays": { - "version": "1.0.5", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz", + "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==", "dev": true, - "license": "MIT", + "dependencies": { + "possible-typed-array-names": "^1.0.0" + }, "engines": { "node": ">= 0.4" }, @@ -5014,25 +7075,30 @@ } }, "node_modules/axios": { - "version": "0.21.4", + "version": "1.6.8", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz", + "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==", "dev": true, - "license": "MIT", "dependencies": { - "follow-redirects": "^1.14.0" + "follow-redirects": "^1.15.6", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" } }, "node_modules/axobject-query": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.0.0.tgz", + "integrity": "sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==", "dev": true, - "license": "Apache-2.0", "dependencies": { "dequal": "^2.0.3" } }, "node_modules/babel-loader": { "version": "9.1.3", + "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz", + "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==", "dev": true, - "license": "MIT", "dependencies": { "find-cache-dir": "^4.0.0", "schema-utils": "^4.0.0" @@ -5047,8 +7113,9 @@ }, "node_modules/babel-plugin-istanbul": { "version": "6.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz", + "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "@babel/helper-plugin-utils": "^7.0.0", "@istanbuljs/load-nyc-config": "^1.0.0", @@ -5061,12 +7128,13 @@ } }, "node_modules/babel-plugin-polyfill-corejs2": { - "version": "0.4.6", + "version": "0.4.10", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz", + "integrity": "sha512-rpIuu//y5OX6jVU+a5BCn1R5RSZYWAl2Nar76iwaOdycqb6JPxediskWFMMl7stfwNJR4b7eiQvh5fB5TEQJTQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/compat-data": "^7.22.6", - "@babel/helper-define-polyfill-provider": "^0.4.3", + "@babel/helper-define-polyfill-provider": "^0.6.1", "semver": "^6.3.1" }, "peerDependencies": { @@ -5075,30 +7143,65 @@ }, "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/babel-plugin-polyfill-corejs3": { - "version": "0.8.6", + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.9.0.tgz", + "integrity": "sha512-7nZPG1uzK2Ymhy/NbaOWTg3uibM2BmGASS4vHS4szRZAIR8R6GwA/xAujpdrXU5iyklrimWnLWU+BLF9suPTqg==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.5.0", + "core-js-compat": "^3.34.0" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-corejs3/node_modules/@babel/helper-define-polyfill-provider": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.5.0.tgz", + "integrity": "sha512-NovQquuQLAQ5HuyjCz7WQP9MjRj7dx++yspwiyUiGl9ZyadHRSql1HZh5ogRd8W8w6YM6EQ/NTB8rgjLt5W65Q==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-define-polyfill-provider": "^0.4.3", - "core-js-compat": "^3.33.1" + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" }, "peerDependencies": { "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" } }, "node_modules/babel-plugin-polyfill-regenerator": { - "version": "0.5.3", + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.5.tgz", + "integrity": "sha512-OJGYZlhLqBh2DDHeqAxWB1XIvr49CxiJ2gIt61/PU55CQK4Z58OzMqjDe1zwQdQk+rBYsRc+1rJmdajM3gimHg==", + "dev": true, + "dependencies": { + "@babel/helper-define-polyfill-provider": "^0.5.0" + }, + "peerDependencies": { + "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" + } + }, + "node_modules/babel-plugin-polyfill-regenerator/node_modules/@babel/helper-define-polyfill-provider": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.5.0.tgz", + "integrity": "sha512-NovQquuQLAQ5HuyjCz7WQP9MjRj7dx++yspwiyUiGl9ZyadHRSql1HZh5ogRd8W8w6YM6EQ/NTB8rgjLt5W65Q==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/helper-define-polyfill-provider": "^0.4.3" + "@babel/helper-compilation-targets": "^7.22.6", + "@babel/helper-plugin-utils": "^7.22.5", + "debug": "^4.1.1", + "lodash.debounce": "^4.0.8", + "resolve": "^1.14.2" }, "peerDependencies": { "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" @@ -5106,8 +7209,9 @@ }, "node_modules/bach": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/bach/-/bach-1.2.0.tgz", + "integrity": "sha512-bZOOfCb3gXBXbTFXq3OZtGR88LwGeJvzu6szttaIzymOTS4ZttBNOWSv7aLZja2EMycKtRYV0Oa8SNKH/zkxvg==", "dev": true, - "license": "MIT", "dependencies": { "arr-filter": "^1.1.1", "arr-flatten": "^1.0.1", @@ -5125,13 +7229,15 @@ }, "node_modules/balanced-match": { "version": "1.0.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true }, "node_modules/base": { "version": "0.11.2", + "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", + "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", "dev": true, - "license": "MIT", "dependencies": { "cache-base": "^1.0.1", "class-utils": "^0.3.5", @@ -5147,8 +7253,9 @@ }, "node_modules/base/node_modules/define-property": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^1.0.0" }, @@ -5158,8 +7265,9 @@ }, "node_modules/base64-arraybuffer": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz", + "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==", "dev": true, - "license": "MIT", "optional": true, "engines": { "node": ">= 0.6.0" @@ -5167,6 +7275,8 @@ }, "node_modules/base64-js": { "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", "dev": true, "funding": [ { @@ -5181,42 +7291,49 @@ "type": "consulting", "url": "https://feross.org/support" } - ], - "license": "MIT" + ] }, "node_modules/base64id": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz", + "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==", "dev": true, - "license": "MIT", "engines": { "node": "^4.5.0 || >= 5.9" } }, "node_modules/batch": { "version": "0.6.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz", + "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==", + "dev": true }, "node_modules/big.js": { "version": "5.2.2", + "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", + "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", "dev": true, - "license": "MIT", "engines": { "node": "*" } }, "node_modules/binary-extensions": { - "version": "2.2.0", + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", + "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/bindings": { "version": "1.5.0", + "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", + "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "file-uri-to-path": "1.0.0" @@ -5224,8 +7341,9 @@ }, "node_modules/bl": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz", + "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", "dev": true, - "license": "MIT", "dependencies": { "buffer": "^5.5.0", "inherits": "^2.0.4", @@ -5234,8 +7352,9 @@ }, "node_modules/bl/node_modules/readable-stream": { "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, - "license": "MIT", "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", @@ -5246,12 +7365,13 @@ } }, "node_modules/body-parser": { - "version": "1.20.1", + "version": "1.20.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz", + "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==", "dev": true, - "license": "MIT", "dependencies": { "bytes": "3.1.2", - "content-type": "~1.0.4", + "content-type": "~1.0.5", "debug": "2.6.9", "depd": "2.0.0", "destroy": "1.2.0", @@ -5259,7 +7379,7 @@ "iconv-lite": "0.4.24", "on-finished": "2.4.1", "qs": "6.11.0", - "raw-body": "2.5.1", + "raw-body": "2.5.2", "type-is": "~1.6.18", "unpipe": "1.0.0" }, @@ -5270,64 +7390,49 @@ }, "node_modules/body-parser/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, "node_modules/body-parser/node_modules/ms": { "version": "2.0.0", - "dev": true, - "license": "MIT" - }, - "node_modules/body-parser/node_modules/raw-body": { - "version": "2.5.1", - "dev": true, - "license": "MIT", - "dependencies": { - "bytes": "3.1.2", - "http-errors": "2.0.0", - "iconv-lite": "0.4.24", - "unpipe": "1.0.0" - }, - "engines": { - "node": ">= 0.8" - } + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/bonjour-service": { - "version": "1.1.1", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.2.1.tgz", + "integrity": "sha512-oSzCS2zV14bh2kji6vNe7vrpJYCHGvcZnlffFQ1MEoX/WOeQ/teD8SYWKR942OI3INjq8OMNJlbPK5LLLUxFDw==", "dev": true, - "license": "MIT", "dependencies": { - "array-flatten": "^2.1.2", - "dns-equal": "^1.0.0", "fast-deep-equal": "^3.1.3", "multicast-dns": "^7.2.5" } }, - "node_modules/bonjour-service/node_modules/array-flatten": { - "version": "2.1.2", - "dev": true, - "license": "MIT" - }, "node_modules/boolbase": { "version": "1.0.0", - "license": "ISC" + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", + "dev": true }, "node_modules/brace-expansion": { - "version": "1.1.11", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", "dev": true, - "license": "MIT", "dependencies": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" + "balanced-match": "^1.0.0" } }, "node_modules/braces": { "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", "dev": true, - "license": "MIT", "dependencies": { "fill-range": "^7.0.1" }, @@ -5335,205 +7440,10 @@ "node": ">=8" } }, - "node_modules/browser-sync": { - "version": "2.29.3", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "browser-sync-client": "^2.29.3", - "browser-sync-ui": "^2.29.3", - "bs-recipes": "1.3.4", - "chalk": "4.1.2", - "chokidar": "^3.5.1", - "connect": "3.6.6", - "connect-history-api-fallback": "^1", - "dev-ip": "^1.0.1", - "easy-extender": "^2.3.4", - "eazy-logger": "^4.0.1", - "etag": "^1.8.1", - "fresh": "^0.5.2", - "fs-extra": "3.0.1", - "http-proxy": "^1.18.1", - "immutable": "^3", - "localtunnel": "^2.0.1", - "micromatch": "^4.0.2", - "opn": "5.3.0", - "portscanner": "2.2.0", - "raw-body": "^2.3.2", - "resp-modifier": "6.0.2", - "rx": "4.1.0", - "send": "0.16.2", - "serve-index": "1.9.1", - "serve-static": "1.13.2", - "server-destroy": "1.0.1", - "socket.io": "^4.4.1", - "ua-parser-js": "^1.0.33", - "yargs": "^17.3.1" - }, - "bin": { - "browser-sync": "dist/bin.js" - }, - "engines": { - "node": ">= 8.0.0" - } - }, - "node_modules/browser-sync-client": { - "version": "2.29.3", - "dev": true, - "license": "ISC", - "dependencies": { - "etag": "1.8.1", - "fresh": "0.5.2", - "mitt": "^1.1.3" - }, - "engines": { - "node": ">=8.0.0" - } - }, - "node_modules/browser-sync-ui": { - "version": "2.29.3", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "async-each-series": "0.1.1", - "chalk": "4.1.2", - "connect-history-api-fallback": "^1", - "immutable": "^3", - "server-destroy": "1.0.1", - "socket.io-client": "^4.4.1", - "stream-throttle": "^0.1.3" - } - }, - "node_modules/browser-sync-ui/node_modules/ansi-styles": { - "version": "4.3.0", - "dev": true, - "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/browser-sync-ui/node_modules/chalk": { - "version": "4.1.2", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" - } - }, - "node_modules/browser-sync-ui/node_modules/color-convert": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/browser-sync-ui/node_modules/color-name": { - "version": "1.1.4", - "dev": true, - "license": "MIT" - }, - "node_modules/browser-sync-ui/node_modules/has-flag": { - "version": "4.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" - } - }, - "node_modules/browser-sync-ui/node_modules/supports-color": { - "version": "7.2.0", - "dev": true, - "license": "MIT", - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/browser-sync/node_modules/ansi-styles": { - "version": "4.3.0", - "dev": true, - "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/browser-sync/node_modules/chalk": { - "version": "4.1.2", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" - } - }, - "node_modules/browser-sync/node_modules/color-convert": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/browser-sync/node_modules/color-name": { - "version": "1.1.4", - "dev": true, - "license": "MIT" - }, - "node_modules/browser-sync/node_modules/has-flag": { - "version": "4.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" - } - }, - "node_modules/browser-sync/node_modules/supports-color": { - "version": "7.2.0", - "dev": true, - "license": "MIT", - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/browserslist": { - "version": "4.22.1", + "version": "4.23.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz", + "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==", "dev": true, "funding": [ { @@ -5549,11 +7459,10 @@ "url": "https://github.com/sponsors/ai" } ], - "license": "MIT", "dependencies": { - "caniuse-lite": "^1.0.30001541", - "electron-to-chromium": "^1.4.535", - "node-releases": "^2.0.13", + "caniuse-lite": "^1.0.30001587", + "electron-to-chromium": "^1.4.668", + "node-releases": "^2.0.14", "update-browserslist-db": "^1.0.13" }, "bin": { @@ -5563,15 +7472,11 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, - "node_modules/bs-recipes": { - "version": "1.3.4", - "dev": true, - "license": "ISC" - }, "node_modules/btoa": { "version": "1.2.1", + "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz", + "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==", "dev": true, - "license": "(MIT OR Apache-2.0)", "bin": { "btoa": "bin/btoa.js" }, @@ -5581,6 +7486,8 @@ }, "node_modules/buffer": { "version": "5.7.1", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", + "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==", "dev": true, "funding": [ { @@ -5596,7 +7503,6 @@ "url": "https://feross.org/support" } ], - "license": "MIT", "dependencies": { "base64-js": "^1.3.1", "ieee754": "^1.1.13" @@ -5604,8 +7510,9 @@ }, "node_modules/buffer-equal": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.1.tgz", + "integrity": "sha512-QoV3ptgEaQpvVwbXdSO39iqPQTCxSF7A5U99AxbHYqUdCizL/lH2Z0A2y6nbZucxMEOtNyZfG2s6gsVugGpKkg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.4" }, @@ -5615,13 +7522,15 @@ }, "node_modules/buffer-from": { "version": "1.1.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true }, "node_modules/builtin-modules": { "version": "3.3.0", + "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz", + "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" }, @@ -5631,31 +7540,34 @@ }, "node_modules/builtins": { "version": "5.0.1", + "resolved": "https://registry.npmjs.org/builtins/-/builtins-5.0.1.tgz", + "integrity": "sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==", "dev": true, - "license": "MIT", "dependencies": { "semver": "^7.0.0" } }, "node_modules/bytes": { "version": "3.1.2", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", + "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/cacache": { - "version": "18.0.0", + "version": "18.0.2", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-18.0.2.tgz", + "integrity": "sha512-r3NU8h/P+4lVUHfeRw1dtgQYar3DZMm4/cm2bZgOvrFC/su7budSOeqh52VJIC4U4iG1WWwV6vRW0znqBvxNuw==", "dev": true, - "license": "ISC", "dependencies": { "@npmcli/fs": "^3.1.0", "fs-minipass": "^3.0.0", "glob": "^10.2.2", "lru-cache": "^10.0.1", "minipass": "^7.0.3", - "minipass-collect": "^1.0.2", + "minipass-collect": "^2.0.1", "minipass-flush": "^1.0.5", "minipass-pipeline": "^1.2.4", "p-map": "^4.0.0", @@ -5669,8 +7581,9 @@ }, "node_modules/cacache/node_modules/aggregate-error": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", + "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", "dev": true, - "license": "MIT", "dependencies": { "clean-stack": "^2.0.0", "indent-string": "^4.0.0" @@ -5679,26 +7592,20 @@ "node": ">=8" } }, - "node_modules/cacache/node_modules/brace-expansion": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0" - } - }, "node_modules/cacache/node_modules/clean-stack": { "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", + "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/cacache/node_modules/glob": { "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", "dev": true, - "license": "ISC", "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^2.3.5", @@ -5718,38 +7625,27 @@ }, "node_modules/cacache/node_modules/indent-string": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/cacache/node_modules/lru-cache": { - "version": "10.1.0", + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", "dev": true, - "license": "ISC", "engines": { "node": "14 || >=16.14" } }, - "node_modules/cacache/node_modules/minimatch": { - "version": "9.0.3", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^2.0.1" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/cacache/node_modules/p-map": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", + "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", "dev": true, - "license": "MIT", "dependencies": { "aggregate-error": "^3.0.0" }, @@ -5762,8 +7658,9 @@ }, "node_modules/cache-base": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", + "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", "dev": true, - "license": "MIT", "dependencies": { "collection-visit": "^1.0.0", "component-emitter": "^1.2.1", @@ -5780,13 +7677,19 @@ } }, "node_modules/call-bind": { - "version": "1.0.5", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", + "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", "dev": true, - "license": "MIT", "dependencies": { + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.1", - "set-function-length": "^1.1.1" + "get-intrinsic": "^1.2.4", + "set-function-length": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -5794,22 +7697,26 @@ }, "node_modules/callsites": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/camelcase": { "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/caniuse-lite": { - "version": "1.0.30001564", + "version": "1.0.30001599", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001599.tgz", + "integrity": "sha512-LRAQHZ4yT1+f9LemSMeqdMpMxZcc4RMWdj4tiFe3G8tNkWK+E58g+/tzotb5cU6TbcVJLr4fySiAW7XmxQvZQA==", "dev": true, "funding": [ { @@ -5824,13 +7731,13 @@ "type": "github", "url": "https://github.com/sponsors/ai" } - ], - "license": "CC-BY-4.0" + ] }, "node_modules/canvg": { "version": "3.0.10", + "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.10.tgz", + "integrity": "sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "@babel/runtime": "^7.12.5", @@ -5848,14 +7755,16 @@ }, "node_modules/canvg/node_modules/regenerator-runtime": { "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", "dev": true, - "license": "MIT", "optional": true }, "node_modules/cfb": { "version": "1.2.2", + "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz", + "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==", "dev": true, - "license": "Apache-2.0", "dependencies": { "adler-32": "~1.3.0", "crc-32": "~1.2.0" @@ -5866,8 +7775,9 @@ }, "node_modules/chalk": { "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^3.2.1", "escape-string-regexp": "^1.0.5", @@ -5879,24 +7789,21 @@ }, "node_modules/chardet": { "version": "0.7.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", + "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==", + "dev": true }, "node_modules/chart.js": { "version": "3.3.2", - "dev": true, - "license": "MIT" - }, - "node_modules/chokidar": { - "version": "3.5.3", - "dev": true, - "funding": [ - { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - ], - "license": "MIT", + "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.3.2.tgz", + "integrity": "sha512-H0hSO7xqTIrwxoACqnSoNromEMfXvfuVnrbuSt2TuXfBDDofbnto4zuZlRtRvC73/b37q3wGAWZyUU41QPvNbA==", + "dev": true + }, + "node_modules/chokidar": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", + "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", + "dev": true, "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", @@ -5909,28 +7816,35 @@ "engines": { "node": ">= 8.10.0" }, + "funding": { + "url": "https://paulmillr.com/funding/" + }, "optionalDependencies": { "fsevents": "~2.3.2" } }, "node_modules/chownr": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", + "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", "dev": true, - "license": "ISC", "engines": { "node": ">=10" } }, "node_modules/chrome-trace-event": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz", + "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.0" } }, "node_modules/ci-info": { "version": "3.9.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz", + "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==", "dev": true, "funding": [ { @@ -5938,15 +7852,15 @@ "url": "https://github.com/sponsors/sibiraj-s" } ], - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/class-utils": { "version": "0.3.6", + "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", + "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", "dev": true, - "license": "MIT", "dependencies": { "arr-union": "^3.1.0", "define-property": "^0.2.5", @@ -5959,16 +7873,18 @@ }, "node_modules/class-utils/node_modules/arr-union": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/class-utils/node_modules/define-property": { "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^0.1.0" }, @@ -5978,8 +7894,9 @@ }, "node_modules/class-utils/node_modules/is-descriptor": { "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, - "license": "MIT", "dependencies": { "is-accessor-descriptor": "^1.0.1", "is-data-descriptor": "^1.0.1" @@ -5990,8 +7907,9 @@ }, "node_modules/clean-stack": { "version": "4.2.0", + "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-4.2.0.tgz", + "integrity": "sha512-LYv6XPxoyODi36Dp976riBtSY27VmFo+MKqEU9QCCWyTrdEPDog+RWA7xQWHi6Vbp61j5c4cdzzX1NidnwtUWg==", "dev": true, - "license": "MIT", "dependencies": { "escape-string-regexp": "5.0.0" }, @@ -6004,8 +7922,9 @@ }, "node_modules/clean-stack/node_modules/escape-string-regexp": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", + "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", "dev": true, - "license": "MIT", "engines": { "node": ">=12" }, @@ -6015,8 +7934,9 @@ }, "node_modules/cli-cursor": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", + "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", "dev": true, - "license": "MIT", "dependencies": { "restore-cursor": "^3.1.0" }, @@ -6026,8 +7946,9 @@ }, "node_modules/cli-spinners": { "version": "2.6.1", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.1.tgz", + "integrity": "sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" }, @@ -6037,16 +7958,18 @@ }, "node_modules/cli-width": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz", + "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==", "dev": true, - "license": "ISC", "engines": { "node": ">= 12" } }, "node_modules/cliui": { "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", "dev": true, - "license": "ISC", "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.1", @@ -6058,8 +7981,9 @@ }, "node_modules/cliui/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -6072,8 +7996,9 @@ }, "node_modules/cliui/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -6083,13 +8008,15 @@ }, "node_modules/cliui/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/cliui/node_modules/wrap-ansi": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", @@ -6104,24 +8031,27 @@ }, "node_modules/clone": { "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8" } }, "node_modules/clone-buffer": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", + "integrity": "sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/clone-deep": { "version": "4.0.1", + "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", + "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", "dev": true, - "license": "MIT", "dependencies": { "is-plain-object": "^2.0.4", "kind-of": "^6.0.2", @@ -6133,8 +8063,9 @@ }, "node_modules/clone-deep/node_modules/is-plain-object": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", "dev": true, - "license": "MIT", "dependencies": { "isobject": "^3.0.1" }, @@ -6144,21 +8075,24 @@ }, "node_modules/clone-deep/node_modules/kind-of": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/clone-stats": { "version": "1.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag==", + "dev": true }, "node_modules/cloneable-readable": { "version": "1.1.3", + "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz", + "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==", "dev": true, - "license": "MIT", "dependencies": { "inherits": "^2.0.1", "process-nextick-args": "^2.0.0", @@ -6167,16 +8101,18 @@ }, "node_modules/code-point-at": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", + "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/codelyzer": { "version": "0.0.28", + "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-0.0.28.tgz", + "integrity": "sha512-DfrZrFWP4MnowANXJHUL0ZMhLqAEFLjC3lJofkHZM+QAczdOvlq8CmLrvqspCXmIdyotVD0xyjUWoPGOPo4lKA==", "dev": true, - "license": "MIT", "dependencies": { "sprintf-js": "^1.0.3" }, @@ -6186,16 +8122,18 @@ }, "node_modules/codepage": { "version": "1.15.0", + "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz", + "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=0.8" } }, "node_modules/collection-map": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-map/-/collection-map-1.0.0.tgz", + "integrity": "sha512-5D2XXSpkOnleOI21TG7p3T0bGAsZ/XknZpKBmGYyluO8pw4zA3K8ZlrBIbC4FXg3m6z/RNFiUFfT2sQK01+UHA==", "dev": true, - "license": "MIT", "dependencies": { "arr-map": "^2.0.2", "for-own": "^1.0.0", @@ -6207,8 +8145,9 @@ }, "node_modules/collection-visit": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", + "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==", "dev": true, - "license": "MIT", "dependencies": { "map-visit": "^1.0.0", "object-visit": "^1.0.0" @@ -6219,34 +8158,39 @@ }, "node_modules/color-convert": { "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "1.1.3" } }, "node_modules/color-name": { "version": "1.1.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true }, "node_modules/color-support": { "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", + "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", "dev": true, - "license": "ISC", "bin": { "color-support": "bin.js" } }, "node_modules/colorette": { "version": "2.0.20", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz", + "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==", + "dev": true }, "node_modules/colors": { "version": "1.4.0", + "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz", + "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==", "dev": true, - "license": "MIT", "peer": true, "engines": { "node": ">=0.1.90" @@ -6254,8 +8198,9 @@ }, "node_modules/combined-stream": { "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", "dev": true, - "license": "MIT", "dependencies": { "delayed-stream": "~1.0.0" }, @@ -6264,43 +8209,49 @@ } }, "node_modules/commander": { - "version": "11.1.0", + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-12.0.0.tgz", + "integrity": "sha512-MwVNWlYjDTtOjX5PiD7o5pK0UrFU/OYgcJfjjK4RaHZETNtjJqrZa9Y9ds88+A+f+d5lv+561eZ+yCKoS3gbAA==", "dev": true, - "license": "MIT", "engines": { - "node": ">=16" + "node": ">=18" } }, "node_modules/comment-parser": { "version": "1.4.1", + "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.1.tgz", + "integrity": "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 12.0.0" } }, "node_modules/common-path-prefix": { "version": "3.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz", + "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==", + "dev": true }, "node_modules/commondir": { "version": "1.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", + "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==", + "dev": true }, "node_modules/component-emitter": { "version": "1.3.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz", + "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==", "dev": true, - "license": "MIT", "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/compressible": { "version": "2.0.18", + "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz", + "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==", "dev": true, - "license": "MIT", "dependencies": { "mime-db": ">= 1.43.0 < 2" }, @@ -6310,8 +8261,9 @@ }, "node_modules/compression": { "version": "1.7.4", + "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz", + "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==", "dev": true, - "license": "MIT", "dependencies": { "accepts": "~1.3.5", "bytes": "3.0.0", @@ -6327,42 +8279,48 @@ }, "node_modules/compression/node_modules/bytes": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/compression/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, "node_modules/compression/node_modules/ms": { "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/compression/node_modules/safe-buffer": { "version": "5.1.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true }, "node_modules/concat-map": { "version": "0.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true }, "node_modules/concat-stream": { "version": "1.6.2", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", + "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", "dev": true, "engines": [ "node >= 0.8" ], - "license": "MIT", "dependencies": { "buffer-from": "^1.0.0", "inherits": "^2.0.3", @@ -6372,28 +8330,31 @@ }, "node_modules/concat-with-sourcemaps": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz", + "integrity": "sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==", "dev": true, - "license": "ISC", "dependencies": { "source-map": "^0.6.1" } }, "node_modules/concat-with-sourcemaps/node_modules/source-map": { "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, "node_modules/connect": { - "version": "3.6.6", + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz", + "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==", "dev": true, - "license": "MIT", "dependencies": { "debug": "2.6.9", - "finalhandler": "1.1.0", - "parseurl": "~1.3.2", + "finalhandler": "1.1.2", + "parseurl": "~1.3.3", "utils-merge": "1.0.1" }, "engines": { @@ -6401,30 +8362,73 @@ } }, "node_modules/connect-history-api-fallback": { - "version": "1.6.0", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz", + "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8" } }, "node_modules/connect/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, + "node_modules/connect/node_modules/finalhandler": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "dev": true, + "dependencies": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "statuses": "~1.5.0", + "unpipe": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/connect/node_modules/ms": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, + "node_modules/connect/node_modules/on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", + "dev": true, + "dependencies": { + "ee-first": "1.1.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/connect/node_modules/statuses": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", "dev": true, - "license": "MIT" + "engines": { + "node": ">= 0.6" + } }, "node_modules/content-disposition": { "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", "dev": true, - "license": "MIT", "dependencies": { "safe-buffer": "5.2.1" }, @@ -6434,34 +8438,39 @@ }, "node_modules/content-type": { "version": "1.0.5", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", + "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/convert-source-map": { "version": "1.9.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true }, "node_modules/cookie": { - "version": "0.5.0", + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz", + "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/cookie-signature": { "version": "1.0.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", + "dev": true }, "node_modules/copy-anything": { "version": "2.0.6", + "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz", + "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", "dev": true, - "license": "MIT", "dependencies": { "is-what": "^3.14.1" }, @@ -6471,16 +8480,18 @@ }, "node_modules/copy-descriptor": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", + "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/copy-props": { "version": "2.0.5", + "resolved": "https://registry.npmjs.org/copy-props/-/copy-props-2.0.5.tgz", + "integrity": "sha512-XBlx8HSqrT0ObQwmSzM7WE5k8FxTV75h1DX1Z3n6NhQ/UYYAvInWYmG06vFt7hQZArE2fuO62aihiWIVQwh1sw==", "dev": true, - "license": "MIT", "dependencies": { "each-props": "^1.3.2", "is-plain-object": "^5.0.0" @@ -6488,8 +8499,9 @@ }, "node_modules/copy-webpack-plugin": { "version": "11.0.0", + "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-11.0.0.tgz", + "integrity": "sha512-fX2MWpamkW0hZxMEg0+mYnA40LTosOSa5TqZ9GYIBzyJa9C3QUaMPSE2xAi/buNr8u89SfD9wHSQVBzrRa/SOQ==", "dev": true, - "license": "MIT", "dependencies": { "fast-glob": "^3.2.11", "glob-parent": "^6.0.1", @@ -6511,8 +8523,9 @@ }, "node_modules/copy-webpack-plugin/node_modules/glob-parent": { "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", "dev": true, - "license": "ISC", "dependencies": { "is-glob": "^4.0.3" }, @@ -6522,8 +8535,9 @@ }, "node_modules/copy-webpack-plugin/node_modules/globby": { "version": "13.2.2", + "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", + "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==", "dev": true, - "license": "MIT", "dependencies": { "dir-glob": "^3.0.1", "fast-glob": "^3.3.0", @@ -6539,10 +8553,11 @@ } }, "node_modules/core-js": { - "version": "3.33.3", + "version": "3.36.1", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.36.1.tgz", + "integrity": "sha512-BTvUrwxVBezj5SZ3f10ImnX2oRByMxql3EimVqMysepbC9EeMUOpLwdy6Eoili2x6E4kf+ZUB5k/+Jv55alPfA==", "dev": true, "hasInstallScript": true, - "license": "MIT", "optional": true, "funding": { "type": "opencollective", @@ -6550,11 +8565,12 @@ } }, "node_modules/core-js-compat": { - "version": "3.33.3", + "version": "3.36.1", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.36.1.tgz", + "integrity": "sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==", "dev": true, - "license": "MIT", "dependencies": { - "browserslist": "^4.22.1" + "browserslist": "^4.23.0" }, "funding": { "type": "opencollective", @@ -6563,13 +8579,15 @@ }, "node_modules/core-util-is": { "version": "1.0.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true }, "node_modules/cors": { "version": "2.8.5", + "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz", + "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==", "dev": true, - "license": "MIT", "dependencies": { "object-assign": "^4", "vary": "^1" @@ -6579,14 +8597,15 @@ } }, "node_modules/cosmiconfig": { - "version": "8.3.6", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz", + "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==", "dev": true, - "license": "MIT", "dependencies": { + "env-paths": "^2.2.1", "import-fresh": "^3.3.0", "js-yaml": "^4.1.0", - "parse-json": "^5.2.0", - "path-type": "^4.0.0" + "parse-json": "^5.2.0" }, "engines": { "node": ">=14" @@ -6605,13 +8624,15 @@ }, "node_modules/cosmiconfig/node_modules/argparse": { "version": "2.0.1", - "dev": true, - "license": "Python-2.0" + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true }, "node_modules/cosmiconfig/node_modules/js-yaml": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", "dev": true, - "license": "MIT", "dependencies": { "argparse": "^2.0.1" }, @@ -6621,8 +8642,9 @@ }, "node_modules/crc-32": { "version": "1.2.2", + "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz", + "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==", "dev": true, - "license": "Apache-2.0", "bin": { "crc32": "bin/crc32.njs" }, @@ -6632,12 +8654,15 @@ }, "node_modules/create-require": { "version": "1.1.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", + "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", + "dev": true }, "node_modules/critters": { - "version": "0.0.20", - "license": "Apache-2.0", + "version": "0.0.22", + "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.22.tgz", + "integrity": "sha512-NU7DEcQZM2Dy8XTKFHxtdnIM/drE312j2T4PCVaSUcS0oBeyT/NImpRw/Ap0zOr/1SE7SgPK9tGPg1WK/sVakw==", + "dev": true, "dependencies": { "chalk": "^4.1.0", "css-select": "^5.1.0", @@ -6645,12 +8670,14 @@ "domhandler": "^5.0.2", "htmlparser2": "^8.0.2", "postcss": "^8.4.23", - "pretty-bytes": "^5.3.0" + "postcss-media-query-parser": "^0.2.3" } }, "node_modules/critters/node_modules/ansi-styles": { "version": "4.3.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, "dependencies": { "color-convert": "^2.0.1" }, @@ -6663,7 +8690,9 @@ }, "node_modules/critters/node_modules/chalk": { "version": "4.1.2", - "license": "MIT", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -6677,7 +8706,9 @@ }, "node_modules/critters/node_modules/color-convert": { "version": "2.0.1", - "license": "MIT", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, "dependencies": { "color-name": "~1.1.4" }, @@ -6687,18 +8718,24 @@ }, "node_modules/critters/node_modules/color-name": { "version": "1.1.4", - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/critters/node_modules/has-flag": { "version": "4.0.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, "engines": { "node": ">=8" } }, "node_modules/critters/node_modules/supports-color": { "version": "7.2.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, "dependencies": { "has-flag": "^4.0.0" }, @@ -6708,8 +8745,9 @@ }, "node_modules/cross-spawn": { "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", "dev": true, - "license": "MIT", "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", @@ -6721,26 +8759,28 @@ }, "node_modules/css-line-break": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz", + "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "utrie": "^1.0.2" } }, "node_modules/css-loader": { - "version": "6.8.1", + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.10.0.tgz", + "integrity": "sha512-LTSA/jWbwdMlk+rhmElbDR2vbtQoTBPr7fkJE+mxrHj+7ru0hUmHafDRzWIjIHTwpitWVaqY2/UWGRca3yUgRw==", "dev": true, - "license": "MIT", "dependencies": { "icss-utils": "^5.1.0", - "postcss": "^8.4.21", + "postcss": "^8.4.33", "postcss-modules-extract-imports": "^3.0.0", - "postcss-modules-local-by-default": "^4.0.3", - "postcss-modules-scope": "^3.0.0", + "postcss-modules-local-by-default": "^4.0.4", + "postcss-modules-scope": "^3.1.1", "postcss-modules-values": "^4.0.0", "postcss-value-parser": "^4.2.0", - "semver": "^7.3.8" + "semver": "^7.5.4" }, "engines": { "node": ">= 12.13.0" @@ -6750,12 +8790,23 @@ "url": "https://opencollective.com/webpack" }, "peerDependencies": { + "@rspack/core": "0.x || 1.x", "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } } }, "node_modules/css-select": { "version": "5.1.0", - "license": "BSD-2-Clause", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz", + "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==", + "dev": true, "dependencies": { "boolbase": "^1.0.0", "css-what": "^6.1.0", @@ -6769,7 +8820,9 @@ }, "node_modules/css-what": { "version": "6.1.0", - "license": "BSD-2-Clause", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", + "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", + "dev": true, "engines": { "node": ">= 6" }, @@ -6779,8 +8832,9 @@ }, "node_modules/cssesc": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", "dev": true, - "license": "MIT", "bin": { "cssesc": "bin/cssesc" }, @@ -6789,42 +8843,95 @@ } }, "node_modules/csstype": { - "version": "3.1.2", - "license": "MIT", - "optional": true, - "peer": true + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "dev": true }, - "node_modules/cuint": { - "version": "0.2.2", + "node_modules/custom-event": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz", + "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==", + "dev": true + }, + "node_modules/d": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/d/-/d-1.0.2.tgz", + "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==", "dev": true, - "license": "MIT" + "dependencies": { + "es5-ext": "^0.10.64", + "type": "^2.7.2" + }, + "engines": { + "node": ">=0.12" + } }, - "node_modules/custom-event": { + "node_modules/data-view-buffer": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz", + "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==", "dev": true, - "license": "MIT" + "dependencies": { + "call-bind": "^1.0.6", + "es-errors": "^1.3.0", + "is-data-view": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } }, - "node_modules/d": { + "node_modules/data-view-byte-length": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz", + "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "is-data-view": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/data-view-byte-offset": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz", + "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==", "dev": true, - "license": "ISC", "dependencies": { - "es5-ext": "^0.10.50", - "type": "^1.0.1" + "call-bind": "^1.0.6", + "es-errors": "^1.3.0", + "is-data-view": "^1.0.1" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/date-format": { "version": "4.0.14", + "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz", + "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==", "dev": true, - "license": "MIT", "engines": { "node": ">=4.0" } }, "node_modules/debug": { "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.1.2" }, @@ -6839,24 +8946,27 @@ }, "node_modules/decamelize": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/decode-uri-component": { "version": "0.2.2", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz", + "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10" } }, "node_modules/deep-equal": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.2.tgz", + "integrity": "sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==", "dev": true, - "license": "MIT", "dependencies": { "is-arguments": "^1.1.1", "is-date-object": "^1.0.5", @@ -6874,21 +8984,24 @@ }, "node_modules/deep-is": { "version": "0.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true }, "node_modules/deepmerge": { "version": "4.3.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", + "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/default-compare": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/default-compare/-/default-compare-1.0.0.tgz", + "integrity": "sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^5.0.2" }, @@ -6898,8 +9011,9 @@ }, "node_modules/default-gateway": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz", + "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "execa": "^5.0.0" }, @@ -6909,16 +9023,18 @@ }, "node_modules/default-resolution": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/default-resolution/-/default-resolution-2.0.0.tgz", + "integrity": "sha512-2xaP6GiwVwOEbXCGoJ4ufgC76m8cj805jrghScewJC2ZDsb9U0b4BIrba+xt/Uytyd0HvQ6+WymSRTfnYj59GQ==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/defaults": { "version": "1.0.4", + "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", + "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", "dev": true, - "license": "MIT", "dependencies": { "clone": "^1.0.2" }, @@ -6928,37 +9044,44 @@ }, "node_modules/defaults/node_modules/clone": { "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8" } }, "node_modules/define-data-property": { - "version": "1.1.1", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", + "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", "dev": true, - "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.1", - "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.0" + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "gopd": "^1.0.1" }, "engines": { "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/define-lazy-prop": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", + "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/define-properties": { "version": "1.2.1", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", + "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==", "dev": true, - "license": "MIT", "dependencies": { "define-data-property": "^1.0.1", "has-property-descriptors": "^1.0.0", @@ -6973,8 +9096,9 @@ }, "node_modules/define-property": { "version": "2.0.2", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", + "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^1.0.2", "isobject": "^3.0.1" @@ -6985,8 +9109,9 @@ }, "node_modules/del": { "version": "7.1.0", + "resolved": "https://registry.npmjs.org/del/-/del-7.1.0.tgz", + "integrity": "sha512-v2KyNk7efxhlyHpjEvfyxaAihKKK0nWCuf6ZtqZcFFpQRG0bJ12Qsr0RpvsICMjAAZ8DOVCxrlqpxISlMHC4Kg==", "dev": true, - "license": "MIT", "dependencies": { "globby": "^13.1.2", "graceful-fs": "^4.2.10", @@ -7006,8 +9131,9 @@ }, "node_modules/del/node_modules/globby": { "version": "13.2.2", + "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", + "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==", "dev": true, - "license": "MIT", "dependencies": { "dir-glob": "^3.0.1", "fast-glob": "^3.3.0", @@ -7024,40 +9150,45 @@ }, "node_modules/delayed-stream": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.4.0" } }, "node_modules/depd": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", + "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/dependency-graph": { - "version": "0.11.0", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-1.0.0.tgz", + "integrity": "sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==", "dev": true, - "license": "MIT", "engines": { - "node": ">= 0.6.0" + "node": ">=4" } }, "node_modules/dequal": { "version": "2.0.3", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", + "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/destroy": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", + "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8", "npm": "1.2.8000 || >= 1.4.16" @@ -7065,52 +9196,48 @@ }, "node_modules/detect-file": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz", + "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/detect-node": { "version": "2.1.0", - "dev": true, - "license": "MIT" - }, - "node_modules/dev-ip": { - "version": "1.0.1", - "dev": true, - "bin": { - "dev-ip": "lib/dev-ip.js" - }, - "engines": { - "node": ">= 0.8.0" - } + "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", + "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", + "dev": true }, "node_modules/di": { "version": "0.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz", + "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==", + "dev": true }, "node_modules/diff": { "version": "4.0.2", + "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", + "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.3.1" } }, "node_modules/diff-sequences": { "version": "29.6.3", + "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz", + "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==", "dev": true, - "license": "MIT", "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, "node_modules/dir-glob": { "version": "3.0.1", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", + "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", "dev": true, - "license": "MIT", "dependencies": { "path-type": "^4.0.0" }, @@ -7118,15 +9245,11 @@ "node": ">=8" } }, - "node_modules/dns-equal": { - "version": "1.0.0", - "dev": true, - "license": "MIT" - }, "node_modules/dns-packet": { "version": "5.6.1", + "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz", + "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==", "dev": true, - "license": "MIT", "dependencies": { "@leichtgewicht/ip-codec": "^2.0.1" }, @@ -7136,8 +9259,9 @@ }, "node_modules/doctrine": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", "dev": true, - "license": "Apache-2.0", "dependencies": { "esutils": "^2.0.2" }, @@ -7147,8 +9271,9 @@ }, "node_modules/dom-serialize": { "version": "2.2.1", + "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz", + "integrity": "sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==", "dev": true, - "license": "MIT", "dependencies": { "custom-event": "~1.0.0", "ent": "~2.2.0", @@ -7158,7 +9283,9 @@ }, "node_modules/dom-serializer": { "version": "2.0.0", - "license": "MIT", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dev": true, "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.2", @@ -7170,17 +9297,21 @@ }, "node_modules/domelementtype": { "version": "2.3.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", + "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", + "dev": true, "funding": [ { "type": "github", "url": "https://github.com/sponsors/fb55" } - ], - "license": "BSD-2-Clause" + ] }, "node_modules/domhandler": { "version": "5.0.3", - "license": "BSD-2-Clause", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, "dependencies": { "domelementtype": "^2.3.0" }, @@ -7193,180 +9324,109 @@ }, "node_modules/domino": { "version": "2.1.6", - "dev": true, - "license": "BSD-2-Clause" + "resolved": "https://registry.npmjs.org/domino/-/domino-2.1.6.tgz", + "integrity": "sha512-3VdM/SXBZX2omc9JF9nOPCtDaYQ67BGp5CoLpIQlO2KCAPETs8TcDHacF26jXadGbvUteZzRTeos2fhID5+ucQ==", + "dev": true }, "node_modules/dompurify": { - "version": "2.4.7", + "version": "2.4.8", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.8.tgz", + "integrity": "sha512-O90eQdAQOiLZoE9pEgPz3JfqXh5yrhJHv0/LzOv3wWFLTWUqAKaISD1aWASQTLshLM+jziuSerbtUESKK8Jibw==", "dev": true, - "license": "(MPL-2.0 OR Apache-2.0)", "optional": true }, "node_modules/domutils": { - "version": "3.1.0", - "license": "BSD-2-Clause", - "dependencies": { - "dom-serializer": "^2.0.0", - "domelementtype": "^2.3.0", - "domhandler": "^5.0.3" - }, - "funding": { - "url": "https://github.com/fb55/domutils?sponsor=1" - } - }, - "node_modules/dotenv": { - "version": "16.3.1", - "dev": true, - "license": "BSD-2-Clause", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/motdotla/dotenv?sponsor=1" - } - }, - "node_modules/dotenv-expand": { - "version": "10.0.0", - "dev": true, - "license": "BSD-2-Clause", - "engines": { - "node": ">=12" - } - }, - "node_modules/duplexer": { - "version": "0.1.2", - "dev": true, - "license": "MIT" - }, - "node_modules/duplexify": { - "version": "3.7.1", - "dev": true, - "license": "MIT", - "dependencies": { - "end-of-stream": "^1.0.0", - "inherits": "^2.0.1", - "readable-stream": "^2.0.0", - "stream-shift": "^1.0.0" - } - }, - "node_modules/each-props": { - "version": "1.3.2", - "dev": true, - "license": "MIT", - "dependencies": { - "is-plain-object": "^2.0.1", - "object.defaults": "^1.1.0" - } - }, - "node_modules/each-props/node_modules/is-plain-object": { - "version": "2.0.4", - "dev": true, - "license": "MIT", - "dependencies": { - "isobject": "^3.0.1" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/eastasianwidth": { - "version": "0.2.0", - "dev": true, - "license": "MIT" - }, - "node_modules/easy-extender": { - "version": "2.3.4", - "dev": true, - "dependencies": { - "lodash": "^4.17.10" - }, - "engines": { - "node": ">= 4.0.0" - } - }, - "node_modules/eazy-logger": { - "version": "4.0.1", - "dev": true, - "dependencies": { - "chalk": "4.1.2" - }, - "engines": { - "node": ">= 0.8.0" - } - }, - "node_modules/eazy-logger/node_modules/ansi-styles": { - "version": "4.3.0", - "dev": true, - "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", + "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", + "dev": true, + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" }, "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" + "url": "https://github.com/fb55/domutils?sponsor=1" } }, - "node_modules/eazy-logger/node_modules/chalk": { - "version": "4.1.2", + "node_modules/dotenv": { + "version": "16.3.2", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.2.tgz", + "integrity": "sha512-HTlk5nmhkm8F6JcdXvHIzaorzCoziNQT9mGxLPVXW8wJF1TiGSL60ZGB4gHWabHOaMmWmhvk2/lPHfnBiT78AQ==", "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, "engines": { - "node": ">=10" + "node": ">=12" }, "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" + "url": "https://github.com/motdotla/dotenv?sponsor=1" } }, - "node_modules/eazy-logger/node_modules/color-convert": { - "version": "2.0.1", + "node_modules/dotenv-expand": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-10.0.0.tgz", + "integrity": "sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==", "dev": true, - "license": "MIT", - "dependencies": { - "color-name": "~1.1.4" - }, "engines": { - "node": ">=7.0.0" + "node": ">=12" } }, - "node_modules/eazy-logger/node_modules/color-name": { - "version": "1.1.4", + "node_modules/duplexer": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz", + "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==", + "dev": true + }, + "node_modules/duplexify": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz", + "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==", "dev": true, - "license": "MIT" + "dependencies": { + "end-of-stream": "^1.0.0", + "inherits": "^2.0.1", + "readable-stream": "^2.0.0", + "stream-shift": "^1.0.0" + } }, - "node_modules/eazy-logger/node_modules/has-flag": { - "version": "4.0.0", + "node_modules/each-props": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/each-props/-/each-props-1.3.2.tgz", + "integrity": "sha512-vV0Hem3zAGkJAyU7JSjixeU66rwdynTAa1vofCrSA5fEln+m67Az9CcnkVD776/fsN/UjIWmBDoNRS6t6G9RfA==", "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" + "dependencies": { + "is-plain-object": "^2.0.1", + "object.defaults": "^1.1.0" } }, - "node_modules/eazy-logger/node_modules/supports-color": { - "version": "7.2.0", + "node_modules/each-props/node_modules/is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", "dev": true, - "license": "MIT", "dependencies": { - "has-flag": "^4.0.0" + "isobject": "^3.0.1" }, "engines": { - "node": ">=8" + "node": ">=0.10.0" } }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, "node_modules/ee-first": { "version": "1.1.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", + "dev": true }, "node_modules/ejs": { "version": "3.1.9", + "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", + "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==", "dev": true, - "license": "Apache-2.0", "dependencies": { "jake": "^10.8.5" }, @@ -7378,35 +9438,40 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.592", - "dev": true, - "license": "ISC" + "version": "1.4.713", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.713.tgz", + "integrity": "sha512-vDarADhwntXiULEdmWd77g2dV6FrNGa8ecAC29MZ4TwPut2fvosD0/5sJd1qWNNe8HcJFAC+F5Lf9jW1NPtWmw==", + "dev": true }, "node_modules/emoji-regex": { "version": "8.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true }, "node_modules/emojis-list": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", + "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", "dev": true, - "license": "MIT", "engines": { "node": ">= 4" } }, "node_modules/encodeurl": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/encoding": { "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "iconv-lite": "^0.6.2" @@ -7414,8 +9479,9 @@ }, "node_modules/encoding/node_modules/iconv-lite": { "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" @@ -7426,16 +9492,18 @@ }, "node_modules/end-of-stream": { "version": "1.4.4", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", + "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", "dev": true, - "license": "MIT", "dependencies": { "once": "^1.4.0" } }, "node_modules/engine.io": { "version": "6.5.4", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.4.tgz", + "integrity": "sha512-KdVSDKhVKyOi+r5uEabrDLZw2qXStVvCsEB/LN3mw4WFi6Gx50jTyuxYVCwAAC0U46FdnzP/ScKRBTXb/NiEOg==", "dev": true, - "license": "MIT", "dependencies": { "@types/cookie": "^0.4.1", "@types/cors": "^2.8.12", @@ -7452,38 +9520,29 @@ "node": ">=10.2.0" } }, - "node_modules/engine.io-client": { - "version": "6.5.3", - "dev": true, - "license": "MIT", - "dependencies": { - "@socket.io/component-emitter": "~3.1.0", - "debug": "~4.3.1", - "engine.io-parser": "~5.2.1", - "ws": "~8.11.0", - "xmlhttprequest-ssl": "~2.0.0" - } - }, "node_modules/engine.io-parser": { - "version": "5.2.1", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.2.tgz", + "integrity": "sha512-RcyUFKA93/CXH20l4SoVvzZfrSDMOTUS3bWVpTt2FuFP+XYrL8i8oonHP7WInRyVHXh0n/ORtoeiE1os+8qkSw==", "dev": true, - "license": "MIT", "engines": { "node": ">=10.0.0" } }, "node_modules/engine.io/node_modules/cookie": { "version": "0.4.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz", + "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/enhanced-resolve": { - "version": "5.15.0", + "version": "5.16.0", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz", + "integrity": "sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" @@ -7494,8 +9553,9 @@ }, "node_modules/enquirer": { "version": "2.3.6", + "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz", + "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==", "dev": true, - "license": "MIT", "dependencies": { "ansi-colors": "^4.1.1" }, @@ -7505,12 +9565,15 @@ }, "node_modules/ent": { "version": "2.2.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz", + "integrity": "sha512-GHrMyVZQWvTIdDtpiEXdHZnFQKzeO09apj8Cbl4pKWy4i0Oprcq17usfDt5aO63swf0JOeMWjWQE/LzgSRuWpA==", + "dev": true }, "node_modules/entities": { "version": "4.5.0", - "license": "BSD-2-Clause", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, "engines": { "node": ">=0.12" }, @@ -7520,21 +9583,24 @@ }, "node_modules/env-paths": { "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/err-code": { "version": "2.0.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz", + "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==", + "dev": true }, "node_modules/errno": { "version": "0.1.8", + "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz", + "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "prr": "~1.0.1" @@ -7545,56 +9611,65 @@ }, "node_modules/error-ex": { "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", "dev": true, - "license": "MIT", "dependencies": { "is-arrayish": "^0.2.1" } }, "node_modules/es-abstract": { - "version": "1.22.3", - "dev": true, - "license": "MIT", - "dependencies": { - "array-buffer-byte-length": "^1.0.0", - "arraybuffer.prototype.slice": "^1.0.2", - "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.5", - "es-set-tostringtag": "^2.0.1", + "version": "1.23.2", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.2.tgz", + "integrity": "sha512-60s3Xv2T2p1ICykc7c+DNDPLDMm9t4QxCOUU0K9JxiLjM3C1zB9YVdN7tjxrFd4+AkZ8CdX1ovUga4P2+1e+/w==", + "dev": true, + "dependencies": { + "array-buffer-byte-length": "^1.0.1", + "arraybuffer.prototype.slice": "^1.0.3", + "available-typed-arrays": "^1.0.7", + "call-bind": "^1.0.7", + "data-view-buffer": "^1.0.1", + "data-view-byte-length": "^1.0.1", + "data-view-byte-offset": "^1.0.0", + "es-define-property": "^1.0.0", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0", + "es-set-tostringtag": "^2.0.3", "es-to-primitive": "^1.2.1", "function.prototype.name": "^1.1.6", - "get-intrinsic": "^1.2.2", - "get-symbol-description": "^1.0.0", + "get-intrinsic": "^1.2.4", + "get-symbol-description": "^1.0.2", "globalthis": "^1.0.3", "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.0", - "has-proto": "^1.0.1", + "has-property-descriptors": "^1.0.2", + "has-proto": "^1.0.3", "has-symbols": "^1.0.3", - "hasown": "^2.0.0", - "internal-slot": "^1.0.5", - "is-array-buffer": "^3.0.2", + "hasown": "^2.0.2", + "internal-slot": "^1.0.7", + "is-array-buffer": "^3.0.4", "is-callable": "^1.2.7", - "is-negative-zero": "^2.0.2", + "is-data-view": "^1.0.1", + "is-negative-zero": "^2.0.3", "is-regex": "^1.1.4", - "is-shared-array-buffer": "^1.0.2", + "is-shared-array-buffer": "^1.0.3", "is-string": "^1.0.7", - "is-typed-array": "^1.1.12", + "is-typed-array": "^1.1.13", "is-weakref": "^1.0.2", "object-inspect": "^1.13.1", "object-keys": "^1.1.1", - "object.assign": "^4.1.4", - "regexp.prototype.flags": "^1.5.1", - "safe-array-concat": "^1.0.1", - "safe-regex-test": "^1.0.0", - "string.prototype.trim": "^1.2.8", - "string.prototype.trimend": "^1.0.7", + "object.assign": "^4.1.5", + "regexp.prototype.flags": "^1.5.2", + "safe-array-concat": "^1.1.2", + "safe-regex-test": "^1.0.3", + "string.prototype.trim": "^1.2.9", + "string.prototype.trimend": "^1.0.8", "string.prototype.trimstart": "^1.0.7", - "typed-array-buffer": "^1.0.0", - "typed-array-byte-length": "^1.0.0", - "typed-array-byte-offset": "^1.0.0", - "typed-array-length": "^1.0.4", + "typed-array-buffer": "^1.0.2", + "typed-array-byte-length": "^1.0.1", + "typed-array-byte-offset": "^1.0.2", + "typed-array-length": "^1.0.5", "unbox-primitive": "^1.0.2", - "which-typed-array": "^1.1.13" + "which-typed-array": "^1.1.15" }, "engines": { "node": ">= 0.4" @@ -7603,19 +9678,54 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/es-define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", + "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.2.4" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/es-module-lexer": { - "version": "1.4.1", + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.2.tgz", + "integrity": "sha512-7nOqkomXZEaxUDJw21XZNtRk739QvrPSoZoRtbsEfcii00vdzZUh6zh1CQwHhrib8MdEtJfv5rJiGeb4KuV/vw==", + "dev": true + }, + "node_modules/es-object-atoms": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz", + "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==", "dev": true, - "license": "MIT" + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } }, "node_modules/es-set-tostringtag": { - "version": "2.0.2", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz", + "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==", "dev": true, - "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.2", - "has-tostringtag": "^1.0.0", - "hasown": "^2.0.0" + "get-intrinsic": "^1.2.4", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.1" }, "engines": { "node": ">= 0.4" @@ -7623,16 +9733,18 @@ }, "node_modules/es-shim-unscopables": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz", + "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==", "dev": true, - "license": "MIT", "dependencies": { "hasown": "^2.0.0" } }, "node_modules/es-to-primitive": { "version": "1.2.1", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", + "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", "dev": true, - "license": "MIT", "dependencies": { "is-callable": "^1.1.4", "is-date-object": "^1.0.1", @@ -7646,13 +9758,15 @@ } }, "node_modules/es5-ext": { - "version": "0.10.62", + "version": "0.10.64", + "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.64.tgz", + "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==", "dev": true, "hasInstallScript": true, - "license": "ISC", "dependencies": { "es6-iterator": "^2.0.3", "es6-symbol": "^3.1.3", + "esniff": "^2.0.1", "next-tick": "^1.1.0" }, "engines": { @@ -7661,8 +9775,9 @@ }, "node_modules/es6-iterator": { "version": "2.0.3", + "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz", + "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==", "dev": true, - "license": "MIT", "dependencies": { "d": "1", "es5-ext": "^0.10.35", @@ -7670,18 +9785,23 @@ } }, "node_modules/es6-symbol": { - "version": "3.1.3", + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.4.tgz", + "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==", "dev": true, - "license": "ISC", "dependencies": { - "d": "^1.0.1", - "ext": "^1.1.2" + "d": "^1.0.2", + "ext": "^1.7.0" + }, + "engines": { + "node": ">=0.12" } }, "node_modules/es6-weak-map": { "version": "2.0.3", + "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz", + "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==", "dev": true, - "license": "ISC", "dependencies": { "d": "1", "es5-ext": "^0.10.46", @@ -7690,11 +9810,11 @@ } }, "node_modules/esbuild": { - "version": "0.19.5", + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.12.tgz", + "integrity": "sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==", "dev": true, "hasInstallScript": true, - "license": "MIT", - "optional": true, "bin": { "esbuild": "bin/esbuild" }, @@ -7702,34 +9822,36 @@ "node": ">=12" }, "optionalDependencies": { - "@esbuild/android-arm": "0.19.5", - "@esbuild/android-arm64": "0.19.5", - "@esbuild/android-x64": "0.19.5", - "@esbuild/darwin-arm64": "0.19.5", - "@esbuild/darwin-x64": "0.19.5", - "@esbuild/freebsd-arm64": "0.19.5", - "@esbuild/freebsd-x64": "0.19.5", - "@esbuild/linux-arm": "0.19.5", - "@esbuild/linux-arm64": "0.19.5", - "@esbuild/linux-ia32": "0.19.5", - "@esbuild/linux-loong64": "0.19.5", - "@esbuild/linux-mips64el": "0.19.5", - "@esbuild/linux-ppc64": "0.19.5", - "@esbuild/linux-riscv64": "0.19.5", - "@esbuild/linux-s390x": "0.19.5", - "@esbuild/linux-x64": "0.19.5", - "@esbuild/netbsd-x64": "0.19.5", - "@esbuild/openbsd-x64": "0.19.5", - "@esbuild/sunos-x64": "0.19.5", - "@esbuild/win32-arm64": "0.19.5", - "@esbuild/win32-ia32": "0.19.5", - "@esbuild/win32-x64": "0.19.5" + "@esbuild/aix-ppc64": "0.19.12", + "@esbuild/android-arm": "0.19.12", + "@esbuild/android-arm64": "0.19.12", + "@esbuild/android-x64": "0.19.12", + "@esbuild/darwin-arm64": "0.19.12", + "@esbuild/darwin-x64": "0.19.12", + "@esbuild/freebsd-arm64": "0.19.12", + "@esbuild/freebsd-x64": "0.19.12", + "@esbuild/linux-arm": "0.19.12", + "@esbuild/linux-arm64": "0.19.12", + "@esbuild/linux-ia32": "0.19.12", + "@esbuild/linux-loong64": "0.19.12", + "@esbuild/linux-mips64el": "0.19.12", + "@esbuild/linux-ppc64": "0.19.12", + "@esbuild/linux-riscv64": "0.19.12", + "@esbuild/linux-s390x": "0.19.12", + "@esbuild/linux-x64": "0.19.12", + "@esbuild/netbsd-x64": "0.19.12", + "@esbuild/openbsd-x64": "0.19.12", + "@esbuild/sunos-x64": "0.19.12", + "@esbuild/win32-arm64": "0.19.12", + "@esbuild/win32-ia32": "0.19.12", + "@esbuild/win32-x64": "0.19.12" } }, "node_modules/esbuild-wasm": { - "version": "0.19.5", + "version": "0.20.1", + "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.20.1.tgz", + "integrity": "sha512-6v/WJubRsjxBbQdz6izgvx7LsVFvVaGmSdwrFHmEzoVgfXL89hkKPoQHsnVI2ngOkcBUQT9kmAM1hVL1k/Av4A==", "dev": true, - "license": "MIT", "bin": { "esbuild": "bin/esbuild" }, @@ -7738,36 +9860,40 @@ } }, "node_modules/escalade": { - "version": "3.1.1", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", + "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/escape-html": { "version": "1.0.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "dev": true }, "node_modules/escape-string-regexp": { "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8.0" } }, "node_modules/eslint": { - "version": "8.54.0", + "version": "8.57.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz", + "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==", "dev": true, - "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", - "@eslint/eslintrc": "^2.1.3", - "@eslint/js": "8.54.0", - "@humanwhocodes/config-array": "^0.11.13", + "@eslint/eslintrc": "^2.1.4", + "@eslint/js": "8.57.0", + "@humanwhocodes/config-array": "^0.11.14", "@humanwhocodes/module-importer": "^1.0.1", "@nodelib/fs.walk": "^1.2.8", "@ungap/structured-clone": "^1.2.0", @@ -7814,8 +9940,9 @@ }, "node_modules/eslint-config-prettier": { "version": "8.10.0", + "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz", + "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==", "dev": true, - "license": "MIT", "bin": { "eslint-config-prettier": "bin/cli.js" }, @@ -7825,8 +9952,9 @@ }, "node_modules/eslint-import-resolver-node": { "version": "0.3.9", + "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz", + "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==", "dev": true, - "license": "MIT", "dependencies": { "debug": "^3.2.7", "is-core-module": "^2.13.0", @@ -7835,16 +9963,18 @@ }, "node_modules/eslint-import-resolver-node/node_modules/debug": { "version": "3.2.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", + "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "dev": true, - "license": "MIT", "dependencies": { "ms": "^2.1.1" } }, "node_modules/eslint-module-utils": { - "version": "2.8.0", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.1.tgz", + "integrity": "sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==", "dev": true, - "license": "MIT", "dependencies": { "debug": "^3.2.7" }, @@ -7859,16 +9989,17 @@ }, "node_modules/eslint-module-utils/node_modules/debug": { "version": "3.2.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", + "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "dev": true, - "license": "MIT", "dependencies": { "ms": "^2.1.1" } }, "node_modules/eslint-plugin-import": { - "version": "2.29.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz", - "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==", + "version": "2.29.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz", + "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==", "dev": true, "dependencies": { "array-includes": "^3.1.7", @@ -7887,7 +10018,7 @@ "object.groupby": "^1.0.1", "object.values": "^1.1.7", "semver": "^6.3.1", - "tsconfig-paths": "^3.14.2" + "tsconfig-paths": "^3.15.0" }, "engines": { "node": ">=4" @@ -7896,18 +10027,30 @@ "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8" } }, + "node_modules/eslint-plugin-import/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, "node_modules/eslint-plugin-import/node_modules/debug": { "version": "3.2.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", + "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "dev": true, - "license": "MIT", "dependencies": { "ms": "^2.1.1" } }, "node_modules/eslint-plugin-import/node_modules/doctrine": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz", + "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==", "dev": true, - "license": "Apache-2.0", "dependencies": { "esutils": "^2.0.2" }, @@ -7915,41 +10058,55 @@ "node": ">=0.10.0" } }, + "node_modules/eslint-plugin-import/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, "node_modules/eslint-plugin-import/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/eslint-plugin-jsdoc": { - "version": "46.9.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-46.9.0.tgz", - "integrity": "sha512-UQuEtbqLNkPf5Nr/6PPRCtr9xypXY+g8y/Q7gPa0YK7eDhh0y2lWprXRnaYbW7ACgIUvpDKy9X2bZqxtGzBG9Q==", + "version": "48.2.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-48.2.1.tgz", + "integrity": "sha512-iUvbcyDZSO/9xSuRv2HQBw++8VkV/pt3UWtX9cpPH0l7GKPq78QC/6+PmyQHHvNZaTjAce6QVciEbnc6J/zH5g==", "dev": true, "dependencies": { - "@es-joy/jsdoccomment": "~0.41.0", + "@es-joy/jsdoccomment": "~0.42.0", "are-docs-informative": "^0.0.2", "comment-parser": "1.4.1", "debug": "^4.3.4", "escape-string-regexp": "^4.0.0", "esquery": "^1.5.0", "is-builtin-module": "^3.2.1", - "semver": "^7.5.4", - "spdx-expression-parse": "^3.0.1" + "semver": "^7.6.0", + "spdx-expression-parse": "^4.0.0" }, "engines": { - "node": ">=16" + "node": ">=18" }, "peerDependencies": { - "eslint": "^7.0.0 || ^8.0.0" + "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0" } }, "node_modules/eslint-plugin-jsdoc/node_modules/escape-string-regexp": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -7967,15 +10124,16 @@ } }, "node_modules/eslint-scope": { - "version": "7.2.2", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.0.0.tgz", + "integrity": "sha512-zj3Byw6jX4TcFCJmxOzLt6iol5FAr9xQyZZSQjEzW2UiCJXLwXdRIKCYVFftnpZckaC9Ps9xlC7jB8tSeWWOaw==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^5.2.0" }, "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" }, "funding": { "url": "https://opencollective.com/eslint" @@ -7983,8 +10141,9 @@ }, "node_modules/eslint-visitor-keys": { "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", "dev": true, - "license": "Apache-2.0", "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" }, @@ -7994,8 +10153,9 @@ }, "node_modules/eslint/node_modules/ajv": { "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -8009,8 +10169,9 @@ }, "node_modules/eslint/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -8023,13 +10184,25 @@ }, "node_modules/eslint/node_modules/argparse": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, + "node_modules/eslint/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, - "license": "Python-2.0" + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } }, "node_modules/eslint/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -8043,8 +10216,9 @@ }, "node_modules/eslint/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -8054,13 +10228,15 @@ }, "node_modules/eslint/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/eslint/node_modules/escape-string-regexp": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -8068,10 +10244,27 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/eslint/node_modules/eslint-scope": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", + "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, "node_modules/eslint/node_modules/find-up": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", "dev": true, - "license": "MIT", "dependencies": { "locate-path": "^6.0.0", "path-exists": "^4.0.0" @@ -8085,8 +10278,9 @@ }, "node_modules/eslint/node_modules/glob-parent": { "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", "dev": true, - "license": "ISC", "dependencies": { "is-glob": "^4.0.3" }, @@ -8095,9 +10289,10 @@ } }, "node_modules/eslint/node_modules/globals": { - "version": "13.23.0", + "version": "13.24.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", + "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", "dev": true, - "license": "MIT", "dependencies": { "type-fest": "^0.20.2" }, @@ -8110,24 +10305,27 @@ }, "node_modules/eslint/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/eslint/node_modules/is-path-inside": { "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/eslint/node_modules/js-yaml": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", "dev": true, - "license": "MIT", "dependencies": { "argparse": "^2.0.1" }, @@ -8137,13 +10335,15 @@ }, "node_modules/eslint/node_modules/json-schema-traverse": { "version": "0.4.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true }, "node_modules/eslint/node_modules/locate-path": { "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", "dev": true, - "license": "MIT", "dependencies": { "p-locate": "^5.0.0" }, @@ -8154,10 +10354,23 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/eslint/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, "node_modules/eslint/node_modules/p-limit": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", "dev": true, - "license": "MIT", "dependencies": { "yocto-queue": "^0.1.0" }, @@ -8170,8 +10383,9 @@ }, "node_modules/eslint/node_modules/p-locate": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", "dev": true, - "license": "MIT", "dependencies": { "p-limit": "^3.0.2" }, @@ -8184,8 +10398,9 @@ }, "node_modules/eslint/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -8195,8 +10410,9 @@ }, "node_modules/eslint/node_modules/type-fest": { "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", "dev": true, - "license": "(MIT OR CC0-1.0)", "engines": { "node": ">=10" }, @@ -8204,10 +10420,26 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/esniff": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/esniff/-/esniff-2.0.1.tgz", + "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==", + "dev": true, + "dependencies": { + "d": "^1.0.1", + "es5-ext": "^0.10.62", + "event-emitter": "^0.3.5", + "type": "^2.7.2" + }, + "engines": { + "node": ">=0.10" + } + }, "node_modules/espree": { "version": "9.6.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", + "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "acorn": "^8.9.0", "acorn-jsx": "^5.3.2", @@ -8222,8 +10454,9 @@ }, "node_modules/esprima": { "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", "dev": true, - "license": "BSD-2-Clause", "bin": { "esparse": "bin/esparse.js", "esvalidate": "bin/esvalidate.js" @@ -8234,8 +10467,9 @@ }, "node_modules/esquery": { "version": "1.5.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", + "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "estraverse": "^5.1.0" }, @@ -8245,8 +10479,9 @@ }, "node_modules/esrecurse": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "estraverse": "^5.2.0" }, @@ -8256,55 +10491,67 @@ }, "node_modules/estraverse": { "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", "dev": true, - "license": "BSD-2-Clause", "engines": { "node": ">=4.0" } }, "node_modules/estree-walker": { "version": "2.0.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true }, "node_modules/esutils": { "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", "dev": true, - "license": "BSD-2-Clause", "engines": { "node": ">=0.10.0" } }, "node_modules/etag": { "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, - "node_modules/eventemitter-asyncresource": { - "version": "1.0.0", + "node_modules/event-emitter": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz", + "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==", "dev": true, - "license": "MIT" + "dependencies": { + "d": "1", + "es5-ext": "~0.10.14" + } }, "node_modules/eventemitter3": { "version": "4.0.7", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", + "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", + "dev": true }, "node_modules/events": { "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8.x" } }, "node_modules/execa": { "version": "5.1.1", + "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", + "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", "dev": true, - "license": "MIT", "dependencies": { "cross-spawn": "^7.0.3", "get-stream": "^6.0.0", @@ -8325,8 +10572,9 @@ }, "node_modules/expand-brackets": { "version": "2.1.4", + "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", + "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==", "dev": true, - "license": "MIT", "dependencies": { "debug": "^2.3.3", "define-property": "^0.2.5", @@ -8342,16 +10590,18 @@ }, "node_modules/expand-brackets/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, "node_modules/expand-brackets/node_modules/define-property": { "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^0.1.0" }, @@ -8361,8 +10611,9 @@ }, "node_modules/expand-brackets/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -8372,8 +10623,9 @@ }, "node_modules/expand-brackets/node_modules/is-descriptor": { "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, - "license": "MIT", "dependencies": { "is-accessor-descriptor": "^1.0.1", "is-data-descriptor": "^1.0.1" @@ -8384,21 +10636,24 @@ }, "node_modules/expand-brackets/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/expand-brackets/node_modules/ms": { "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/expand-tilde": { "version": "2.0.2", + "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz", + "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==", "dev": true, - "license": "MIT", "dependencies": { "homedir-polyfill": "^1.0.1" }, @@ -8408,8 +10663,9 @@ }, "node_modules/expect": { "version": "29.7.0", + "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz", + "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==", "dev": true, - "license": "MIT", "dependencies": { "@jest/expect-utils": "^29.7.0", "jest-get-type": "^29.6.3", @@ -8423,20 +10679,22 @@ }, "node_modules/exponential-backoff": { "version": "3.1.1", - "dev": true, - "license": "Apache-2.0" + "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz", + "integrity": "sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==", + "dev": true }, "node_modules/express": { - "version": "4.18.2", + "version": "4.19.1", + "resolved": "https://registry.npmjs.org/express/-/express-4.19.1.tgz", + "integrity": "sha512-K4w1/Bp7y8iSiVObmCrtq8Cs79XjJc/RU2YYkZQ7wpUu5ZyZ7MtPHkqoMz4pf+mgXfNvo2qft8D9OnrH2ABk9w==", "dev": true, - "license": "MIT", "dependencies": { "accepts": "~1.3.8", "array-flatten": "1.1.1", - "body-parser": "1.20.1", + "body-parser": "1.20.2", "content-disposition": "0.5.4", "content-type": "~1.0.4", - "cookie": "0.5.0", + "cookie": "0.6.0", "cookie-signature": "1.0.6", "debug": "2.6.9", "depd": "2.0.0", @@ -8464,114 +10722,44 @@ "vary": "~1.1.2" }, "engines": { - "node": ">= 0.10.0" - } - }, - "node_modules/express/node_modules/debug": { - "version": "2.6.9", - "dev": true, - "license": "MIT", - "dependencies": { - "ms": "2.0.0" - } - }, - "node_modules/express/node_modules/finalhandler": { - "version": "1.2.0", - "dev": true, - "license": "MIT", - "dependencies": { - "debug": "2.6.9", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "on-finished": "2.4.1", - "parseurl": "~1.3.3", - "statuses": "2.0.1", - "unpipe": "~1.0.0" - }, - "engines": { - "node": ">= 0.8" - } - }, - "node_modules/express/node_modules/mime": { - "version": "1.6.0", - "dev": true, - "license": "MIT", - "bin": { - "mime": "cli.js" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/express/node_modules/ms": { - "version": "2.0.0", - "dev": true, - "license": "MIT" - }, - "node_modules/express/node_modules/send": { - "version": "0.18.0", - "dev": true, - "license": "MIT", - "dependencies": { - "debug": "2.6.9", - "depd": "2.0.0", - "destroy": "1.2.0", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "fresh": "0.5.2", - "http-errors": "2.0.0", - "mime": "1.6.0", - "ms": "2.1.3", - "on-finished": "2.4.1", - "range-parser": "~1.2.1", - "statuses": "2.0.1" - }, - "engines": { - "node": ">= 0.8.0" + "node": ">= 0.10.0" } }, - "node_modules/express/node_modules/send/node_modules/ms": { - "version": "2.1.3", - "dev": true, - "license": "MIT" - }, - "node_modules/express/node_modules/serve-static": { - "version": "1.15.0", + "node_modules/express/node_modules/debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "parseurl": "~1.3.3", - "send": "0.18.0" - }, - "engines": { - "node": ">= 0.8.0" + "ms": "2.0.0" } }, + "node_modules/express/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true + }, "node_modules/ext": { "version": "1.7.0", + "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz", + "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==", "dev": true, - "license": "ISC", "dependencies": { "type": "^2.7.2" } }, - "node_modules/ext/node_modules/type": { - "version": "2.7.2", - "dev": true, - "license": "ISC" - }, "node_modules/extend": { "version": "3.0.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", + "dev": true }, "node_modules/extend-shallow": { "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", + "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", "dev": true, - "license": "MIT", "dependencies": { "assign-symbols": "^1.0.0", "is-extendable": "^1.0.1" @@ -8582,8 +10770,9 @@ }, "node_modules/external-editor": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz", + "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==", "dev": true, - "license": "MIT", "dependencies": { "chardet": "^0.7.0", "iconv-lite": "^0.4.24", @@ -8595,8 +10784,9 @@ }, "node_modules/external-editor/node_modules/tmp": { "version": "0.0.33", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", + "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", "dev": true, - "license": "MIT", "dependencies": { "os-tmpdir": "~1.0.2" }, @@ -8606,8 +10796,9 @@ }, "node_modules/extglob": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", + "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", "dev": true, - "license": "MIT", "dependencies": { "array-unique": "^0.3.2", "define-property": "^1.0.0", @@ -8624,8 +10815,9 @@ }, "node_modules/extglob/node_modules/define-property": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^1.0.0" }, @@ -8635,8 +10827,9 @@ }, "node_modules/extglob/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -8646,16 +10839,18 @@ }, "node_modules/extglob/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/fancy-log": { "version": "1.3.3", + "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.3.tgz", + "integrity": "sha512-k9oEhlyc0FrVh25qYuSELjr8oxsCoc4/LEZfg2iJJrfEk/tZL9bCoJE47gqAvI2m/AUjluCS4+3I0eTx8n3AEw==", "dev": true, - "license": "MIT", "dependencies": { "ansi-gray": "^0.1.1", "color-support": "^1.1.3", @@ -8668,18 +10863,21 @@ }, "node_modules/fast-deep-equal": { "version": "3.1.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true }, "node_modules/fast-diff": { "version": "1.1.2", - "dev": true, - "license": "Apache-2.0" + "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz", + "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==", + "dev": true }, "node_modules/fast-glob": { - "version": "3.3.1", + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", + "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==", "dev": true, - "license": "MIT", "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", @@ -8693,26 +10891,30 @@ }, "node_modules/fast-json-stable-stringify": { "version": "2.1.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true }, "node_modules/fast-levenshtein": { "version": "2.0.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true }, "node_modules/fastq": { - "version": "1.15.0", + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz", + "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==", "dev": true, - "license": "ISC", "dependencies": { "reusify": "^1.0.4" } }, "node_modules/faye-websocket": { "version": "0.11.4", + "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz", + "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==", "dev": true, - "license": "Apache-2.0", "dependencies": { "websocket-driver": ">=0.5.1" }, @@ -8722,30 +10924,20 @@ }, "node_modules/fflate": { "version": "0.4.8", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz", + "integrity": "sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==", + "dev": true }, "node_modules/figures": { - "version": "5.0.0", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", + "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", "dev": true, - "license": "MIT", "dependencies": { - "escape-string-regexp": "^5.0.0", - "is-unicode-supported": "^1.2.0" - }, - "engines": { - "node": ">=14" + "escape-string-regexp": "^1.0.5" }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/figures/node_modules/escape-string-regexp": { - "version": "5.0.0", - "dev": true, - "license": "MIT", "engines": { - "node": ">=12" + "node": ">=8" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -8753,8 +10945,9 @@ }, "node_modules/file-entry-cache": { "version": "6.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", + "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==", "dev": true, - "license": "MIT", "dependencies": { "flat-cache": "^3.0.4" }, @@ -8764,35 +10957,31 @@ }, "node_modules/file-saver": { "version": "2.0.5", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz", + "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==", + "dev": true }, "node_modules/file-uri-to-path": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", + "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", "dev": true, - "license": "MIT", "optional": true }, "node_modules/filelist": { "version": "1.0.4", + "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz", + "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==", "dev": true, - "license": "Apache-2.0", "dependencies": { "minimatch": "^5.0.1" } }, - "node_modules/filelist/node_modules/brace-expansion": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0" - } - }, "node_modules/filelist/node_modules/minimatch": { "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", "dev": true, - "license": "ISC", "dependencies": { "brace-expansion": "^2.0.1" }, @@ -8802,8 +10991,9 @@ }, "node_modules/fill-range": { "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", "dev": true, - "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -8812,16 +11002,17 @@ } }, "node_modules/finalhandler": { - "version": "1.1.0", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz", + "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==", "dev": true, - "license": "MIT", "dependencies": { "debug": "2.6.9", - "encodeurl": "~1.0.1", + "encodeurl": "~1.0.2", "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.2", - "statuses": "~1.3.1", + "on-finished": "2.4.1", + "parseurl": "~1.3.3", + "statuses": "2.0.1", "unpipe": "~1.0.0" }, "engines": { @@ -8830,40 +11021,24 @@ }, "node_modules/finalhandler/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, "node_modules/finalhandler/node_modules/ms": { "version": "2.0.0", - "dev": true, - "license": "MIT" - }, - "node_modules/finalhandler/node_modules/on-finished": { - "version": "2.3.0", - "dev": true, - "license": "MIT", - "dependencies": { - "ee-first": "1.1.1" - }, - "engines": { - "node": ">= 0.8" - } - }, - "node_modules/finalhandler/node_modules/statuses": { - "version": "1.3.1", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6" - } + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/find-cache-dir": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz", + "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==", "dev": true, - "license": "MIT", "dependencies": { "common-path-prefix": "^3.0.0", "pkg-dir": "^7.0.0" @@ -8877,8 +11052,9 @@ }, "node_modules/find-up": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", "dev": true, - "license": "MIT", "dependencies": { "locate-path": "^5.0.0", "path-exists": "^4.0.0" @@ -8889,8 +11065,9 @@ }, "node_modules/findup-sync": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-3.0.0.tgz", + "integrity": "sha512-YbffarhcicEhOrm4CtrwdKBdCuz576RLdhJDsIfvNtxUuhdRet1qZcsMjqbePtAseKdAnDyM/IyXbu7PRPRLYg==", "dev": true, - "license": "MIT", "dependencies": { "detect-file": "^1.0.0", "is-glob": "^4.0.0", @@ -8903,16 +11080,18 @@ }, "node_modules/findup-sync/node_modules/arr-diff": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/findup-sync/node_modules/braces": { "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", "dev": true, - "license": "MIT", "dependencies": { "arr-flatten": "^1.1.0", "array-unique": "^0.3.2", @@ -8931,8 +11110,9 @@ }, "node_modules/findup-sync/node_modules/braces/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -8942,8 +11122,9 @@ }, "node_modules/findup-sync/node_modules/fill-range": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==", "dev": true, - "license": "MIT", "dependencies": { "extend-shallow": "^2.0.1", "is-number": "^3.0.0", @@ -8956,8 +11137,9 @@ }, "node_modules/findup-sync/node_modules/fill-range/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -8967,16 +11149,18 @@ }, "node_modules/findup-sync/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/findup-sync/node_modules/is-number": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^3.0.2" }, @@ -8986,8 +11170,9 @@ }, "node_modules/findup-sync/node_modules/is-number/node_modules/kind-of": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -8997,16 +11182,18 @@ }, "node_modules/findup-sync/node_modules/kind-of": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/findup-sync/node_modules/micromatch": { "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", "dev": true, - "license": "MIT", "dependencies": { "arr-diff": "^4.0.0", "array-unique": "^0.3.2", @@ -9028,8 +11215,9 @@ }, "node_modules/findup-sync/node_modules/to-regex-range": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==", "dev": true, - "license": "MIT", "dependencies": { "is-number": "^3.0.0", "repeat-string": "^1.6.1" @@ -9040,8 +11228,9 @@ }, "node_modules/fined": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/fined/-/fined-1.2.0.tgz", + "integrity": "sha512-ZYDqPLGxDkDhDZBjZBb+oD1+j0rA4E0pXY50eplAAOPg2N/gUBSSk5IM1/QhPfyVo19lJ+CvXpqfvk+b2p/8Ng==", "dev": true, - "license": "MIT", "dependencies": { "expand-tilde": "^2.0.2", "is-plain-object": "^2.0.3", @@ -9055,8 +11244,9 @@ }, "node_modules/fined/node_modules/is-plain-object": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", "dev": true, - "license": "MIT", "dependencies": { "isobject": "^3.0.1" }, @@ -9066,24 +11256,27 @@ }, "node_modules/flagged-respawn": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.1.tgz", + "integrity": "sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/flat": { "version": "5.0.2", + "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz", + "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==", "dev": true, - "license": "BSD-3-Clause", "bin": { "flat": "cli.js" } }, "node_modules/flat-cache": { "version": "3.2.0", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz", + "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==", "dev": true, - "license": "MIT", "dependencies": { "flatted": "^3.2.9", "keyv": "^4.5.3", @@ -9094,21 +11287,25 @@ } }, "node_modules/flatted": { - "version": "3.2.9", - "dev": true, - "license": "ISC" + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz", + "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==", + "dev": true }, "node_modules/flush-write-stream": { "version": "1.1.1", + "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz", + "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==", "dev": true, - "license": "MIT", "dependencies": { "inherits": "^2.0.3", "readable-stream": "^2.3.6" } }, "node_modules/follow-redirects": { - "version": "1.15.3", + "version": "1.15.6", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz", + "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==", "dev": true, "funding": [ { @@ -9116,7 +11313,6 @@ "url": "https://github.com/sponsors/RubenVerborgh" } ], - "license": "MIT", "engines": { "node": ">=4.0" }, @@ -9128,24 +11324,27 @@ }, "node_modules/for-each": { "version": "0.3.3", + "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", + "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", "dev": true, - "license": "MIT", "dependencies": { "is-callable": "^1.1.3" } }, "node_modules/for-in": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", + "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/for-own": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz", + "integrity": "sha512-0OABksIGrxKK8K4kynWkQ7y1zounQxP+CWnyclVwj81KW3vlLlGUx57DKGcP/LH216GzqnstnPocF16Nxs0Ycg==", "dev": true, - "license": "MIT", "dependencies": { "for-in": "^1.0.1" }, @@ -9155,8 +11354,9 @@ }, "node_modules/foreground-child": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", + "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", "dev": true, - "license": "ISC", "dependencies": { "cross-spawn": "^7.0.0", "signal-exit": "^4.0.1" @@ -9170,8 +11370,9 @@ }, "node_modules/foreground-child/node_modules/signal-exit": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", "dev": true, - "license": "ISC", "engines": { "node": ">=14" }, @@ -9181,8 +11382,9 @@ }, "node_modules/form-data": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", "dev": true, - "license": "MIT", "dependencies": { "asynckit": "^0.4.0", "combined-stream": "^1.0.8", @@ -9194,24 +11396,27 @@ }, "node_modules/forwarded": { "version": "0.2.0", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", + "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/frac": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz", + "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=0.8" } }, "node_modules/fraction.js": { "version": "4.3.7", + "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", + "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", "dev": true, - "license": "MIT", "engines": { "node": "*" }, @@ -9222,8 +11427,9 @@ }, "node_modules/fragment-cache": { "version": "0.2.1", + "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", + "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==", "dev": true, - "license": "MIT", "dependencies": { "map-cache": "^0.2.2" }, @@ -9233,31 +11439,38 @@ }, "node_modules/fresh": { "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/fs-constants": { "version": "1.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz", + "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==", + "dev": true }, "node_modules/fs-extra": { - "version": "3.0.1", + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", "dev": true, - "license": "MIT", "dependencies": { - "graceful-fs": "^4.1.2", - "jsonfile": "^3.0.0", - "universalify": "^0.1.0" + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=14.14" } }, "node_modules/fs-minipass": { "version": "3.0.3", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.3.tgz", + "integrity": "sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==", "dev": true, - "license": "ISC", "dependencies": { "minipass": "^7.0.3" }, @@ -9267,8 +11480,9 @@ }, "node_modules/fs-mkdirp-stream": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz", + "integrity": "sha512-+vSd9frUnapVC2RZYfL3FCB2p3g4TBhaUmrsWlSudsGdnxIuUvBB2QM1VZeBtc49QFwrp+wQLrDs3+xxDgI5gQ==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.1.11", "through2": "^2.0.3" @@ -9279,18 +11493,22 @@ }, "node_modules/fs-monkey": { "version": "1.0.5", - "dev": true, - "license": "Unlicense" + "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.5.tgz", + "integrity": "sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==", + "dev": true }, "node_modules/fs.realpath": { "version": "1.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true }, "node_modules/fsevents": { "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", "dev": true, - "license": "MIT", + "hasInstallScript": true, "optional": true, "os": [ "darwin" @@ -9301,16 +11519,18 @@ }, "node_modules/function-bind": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", "dev": true, - "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/function.prototype.name": { "version": "1.1.6", + "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz", + "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "define-properties": "^1.2.0", @@ -9326,54 +11546,64 @@ }, "node_modules/functions-have-names": { "version": "1.2.3", + "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz", + "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==", "dev": true, - "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/gensync": { "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/get-caller-file": { "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", "dev": true, - "license": "ISC", "engines": { "node": "6.* || 8.* || >= 10.*" } }, "node_modules/get-intrinsic": { - "version": "1.2.2", + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", + "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", "dev": true, - "license": "MIT", "dependencies": { + "es-errors": "^1.3.0", "function-bind": "^1.1.2", "has-proto": "^1.0.1", "has-symbols": "^1.0.3", "hasown": "^2.0.0" }, + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/get-package-type": { "version": "0.1.0", + "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz", + "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=8.0.0" } }, "node_modules/get-stream": { "version": "6.0.1", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", + "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -9382,12 +11612,14 @@ } }, "node_modules/get-symbol-description": { - "version": "1.0.0", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz", + "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.1" + "call-bind": "^1.0.5", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.4" }, "engines": { "node": ">= 0.4" @@ -9398,16 +11630,18 @@ }, "node_modules/get-value": { "version": "2.0.6", + "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", + "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/glob": { "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", "dev": true, - "license": "ISC", "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", @@ -9425,8 +11659,9 @@ }, "node_modules/glob-parent": { "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", "dev": true, - "license": "ISC", "dependencies": { "is-glob": "^4.0.1" }, @@ -9436,8 +11671,9 @@ }, "node_modules/glob-stream": { "version": "6.1.0", + "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-6.1.0.tgz", + "integrity": "sha512-uMbLGAP3S2aDOHUDfdoYcdIePUCfysbAd0IAoWVZbeGU/oNQ8asHVSshLDJUPWxfzj8zsCG7/XeHPHTtow0nsw==", "dev": true, - "license": "MIT", "dependencies": { "extend": "^3.0.0", "glob": "^7.1.1", @@ -9456,8 +11692,9 @@ }, "node_modules/glob-stream/node_modules/glob-parent": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", + "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==", "dev": true, - "license": "ISC", "dependencies": { "is-glob": "^3.1.0", "path-dirname": "^1.0.0" @@ -9465,8 +11702,9 @@ }, "node_modules/glob-stream/node_modules/is-glob": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", "dev": true, - "license": "MIT", "dependencies": { "is-extglob": "^2.1.0" }, @@ -9476,13 +11714,15 @@ }, "node_modules/glob-to-regexp": { "version": "0.4.1", - "dev": true, - "license": "BSD-2-Clause" + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "dev": true }, "node_modules/glob-watcher": { "version": "5.0.5", + "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.5.tgz", + "integrity": "sha512-zOZgGGEHPklZNjZQaZ9f41i7F2YwE+tS5ZHrDhbBCk3stwahn5vQxnFmBJZHoYdusR6R1bLSXeGUy/BhctwKzw==", "dev": true, - "license": "MIT", "dependencies": { "anymatch": "^2.0.0", "async-done": "^1.2.0", @@ -9498,8 +11738,9 @@ }, "node_modules/glob-watcher/node_modules/anymatch": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", + "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", "dev": true, - "license": "ISC", "dependencies": { "micromatch": "^3.1.4", "normalize-path": "^2.1.1" @@ -9507,8 +11748,9 @@ }, "node_modules/glob-watcher/node_modules/anymatch/node_modules/normalize-path": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==", "dev": true, - "license": "MIT", "dependencies": { "remove-trailing-separator": "^1.0.1" }, @@ -9518,24 +11760,27 @@ }, "node_modules/glob-watcher/node_modules/arr-diff": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/glob-watcher/node_modules/binary-extensions": { "version": "1.13.1", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", + "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/glob-watcher/node_modules/braces": { "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", "dev": true, - "license": "MIT", "dependencies": { "arr-flatten": "^1.1.0", "array-unique": "^0.3.2", @@ -9554,8 +11799,9 @@ }, "node_modules/glob-watcher/node_modules/braces/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -9565,8 +11811,10 @@ }, "node_modules/glob-watcher/node_modules/chokidar": { "version": "2.1.8", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz", + "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==", + "deprecated": "Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies", "dev": true, - "license": "MIT", "dependencies": { "anymatch": "^2.0.0", "async-each": "^1.0.1", @@ -9586,8 +11834,9 @@ }, "node_modules/glob-watcher/node_modules/fill-range": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==", "dev": true, - "license": "MIT", "dependencies": { "extend-shallow": "^2.0.1", "is-number": "^3.0.0", @@ -9600,8 +11849,9 @@ }, "node_modules/glob-watcher/node_modules/fill-range/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -9611,9 +11861,11 @@ }, "node_modules/glob-watcher/node_modules/fsevents": { "version": "1.2.13", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", + "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", + "deprecated": "The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2", "dev": true, "hasInstallScript": true, - "license": "MIT", "optional": true, "os": [ "darwin" @@ -9628,8 +11880,9 @@ }, "node_modules/glob-watcher/node_modules/glob-parent": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", + "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==", "dev": true, - "license": "ISC", "dependencies": { "is-glob": "^3.1.0", "path-dirname": "^1.0.0" @@ -9637,8 +11890,9 @@ }, "node_modules/glob-watcher/node_modules/glob-parent/node_modules/is-glob": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", "dev": true, - "license": "MIT", "dependencies": { "is-extglob": "^2.1.0" }, @@ -9648,8 +11902,9 @@ }, "node_modules/glob-watcher/node_modules/is-binary-path": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", + "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==", "dev": true, - "license": "MIT", "dependencies": { "binary-extensions": "^1.0.0" }, @@ -9659,16 +11914,18 @@ }, "node_modules/glob-watcher/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/glob-watcher/node_modules/is-number": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^3.0.2" }, @@ -9678,8 +11935,9 @@ }, "node_modules/glob-watcher/node_modules/kind-of": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -9689,8 +11947,9 @@ }, "node_modules/glob-watcher/node_modules/micromatch": { "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", "dev": true, - "license": "MIT", "dependencies": { "arr-diff": "^4.0.0", "array-unique": "^0.3.2", @@ -9712,16 +11971,18 @@ }, "node_modules/glob-watcher/node_modules/micromatch/node_modules/kind-of": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/glob-watcher/node_modules/readdirp": { "version": "2.2.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", + "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.1.11", "micromatch": "^3.1.10", @@ -9733,8 +11994,9 @@ }, "node_modules/glob-watcher/node_modules/to-regex-range": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==", "dev": true, - "license": "MIT", "dependencies": { "is-number": "^3.0.0", "repeat-string": "^1.6.1" @@ -9743,10 +12005,33 @@ "node": ">=0.10.0" } }, + "node_modules/glob/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/glob/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, "node_modules/global-modules": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz", + "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==", "dev": true, - "license": "MIT", "dependencies": { "global-prefix": "^1.0.1", "is-windows": "^1.0.1", @@ -9758,8 +12043,9 @@ }, "node_modules/global-prefix": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz", + "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==", "dev": true, - "license": "MIT", "dependencies": { "expand-tilde": "^2.0.2", "homedir-polyfill": "^1.0.1", @@ -9773,13 +12059,15 @@ }, "node_modules/global-prefix/node_modules/ini": { "version": "1.3.8", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", + "dev": true }, "node_modules/global-prefix/node_modules/which": { "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", "dev": true, - "license": "ISC", "dependencies": { "isexe": "^2.0.0" }, @@ -9789,16 +12077,18 @@ }, "node_modules/globals": { "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/globalthis": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz", + "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==", "dev": true, - "license": "MIT", "dependencies": { "define-properties": "^1.1.3" }, @@ -9811,8 +12101,9 @@ }, "node_modules/globby": { "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", "dev": true, - "license": "MIT", "dependencies": { "array-union": "^2.1.0", "dir-glob": "^3.0.1", @@ -9830,16 +12121,18 @@ }, "node_modules/globby/node_modules/slash": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/glogg": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.2.tgz", + "integrity": "sha512-5mwUoSuBk44Y4EshyiqcH95ZntbDdTQqA3QYSrxmzj28Ai0vXBGMH1ApSANH14j2sIRtqCEyg6PfsuP7ElOEDA==", "dev": true, - "license": "MIT", "dependencies": { "sparkles": "^1.0.0" }, @@ -9849,8 +12142,9 @@ }, "node_modules/gopd": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", + "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", "dev": true, - "license": "MIT", "dependencies": { "get-intrinsic": "^1.1.3" }, @@ -9860,18 +12154,21 @@ }, "node_modules/graceful-fs": { "version": "4.2.11", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true }, "node_modules/graphemer": { "version": "1.4.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", + "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", + "dev": true }, "node_modules/gulp": { "version": "4.0.2", + "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.2.tgz", + "integrity": "sha512-dvEs27SCZt2ibF29xYgmnwwCYZxdxhQ/+LFWlbAW8y7jt68L/65402Lz3+CKy0Ov4rOs+NERmDq7YlZaDqUIfA==", "dev": true, - "license": "MIT", "dependencies": { "glob-watcher": "^5.0.3", "gulp-cli": "^2.2.0", @@ -9887,8 +12184,9 @@ }, "node_modules/gulp-cli": { "version": "2.3.0", + "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-2.3.0.tgz", + "integrity": "sha512-zzGBl5fHo0EKSXsHzjspp3y5CONegCm8ErO5Qh0UzFzk2y4tMvzLWhoDokADbarfZRL2pGpRp7yt6gfJX4ph7A==", "dev": true, - "license": "MIT", "dependencies": { "ansi-colors": "^1.0.1", "archy": "^1.0.0", @@ -9918,8 +12216,9 @@ }, "node_modules/gulp-cli/node_modules/ansi-colors": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", + "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-wrap": "^0.1.0" }, @@ -9929,24 +12228,27 @@ }, "node_modules/gulp-cli/node_modules/ansi-regex": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", + "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/gulp-cli/node_modules/camelcase": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", + "integrity": "sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/gulp-cli/node_modules/cliui": { "version": "3.2.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", + "integrity": "sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w==", "dev": true, - "license": "ISC", "dependencies": { "string-width": "^1.0.1", "strip-ansi": "^3.0.1", @@ -9955,13 +12257,15 @@ }, "node_modules/gulp-cli/node_modules/get-caller-file": { "version": "1.0.3", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", + "dev": true }, "node_modules/gulp-cli/node_modules/is-fullwidth-code-point": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==", "dev": true, - "license": "MIT", "dependencies": { "number-is-nan": "^1.0.0" }, @@ -9971,8 +12275,9 @@ }, "node_modules/gulp-cli/node_modules/string-width": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==", "dev": true, - "license": "MIT", "dependencies": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -9984,8 +12289,9 @@ }, "node_modules/gulp-cli/node_modules/strip-ansi": { "version": "3.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", "dev": true, - "license": "MIT", "dependencies": { "ansi-regex": "^2.0.0" }, @@ -9995,8 +12301,9 @@ }, "node_modules/gulp-cli/node_modules/wrap-ansi": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "integrity": "sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==", "dev": true, - "license": "MIT", "dependencies": { "string-width": "^1.0.1", "strip-ansi": "^3.0.1" @@ -10007,13 +12314,15 @@ }, "node_modules/gulp-cli/node_modules/y18n": { "version": "3.2.2", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.2.tgz", + "integrity": "sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==", + "dev": true }, "node_modules/gulp-cli/node_modules/yargs": { "version": "7.1.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.2.tgz", + "integrity": "sha512-ZEjj/dQYQy0Zx0lgLMLR8QuaqTihnxirir7EwUHp1Axq4e3+k8jXU5K0VLbNvedv1f4EWtBonDIZm0NUr+jCcA==", "dev": true, - "license": "MIT", "dependencies": { "camelcase": "^3.0.0", "cliui": "^3.2.0", @@ -10032,8 +12341,9 @@ }, "node_modules/gulp-cli/node_modules/yargs-parser": { "version": "5.0.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.1.tgz", + "integrity": "sha512-wpav5XYiddjXxirPoCTUPbqM0PXvJ9hiBMvuJgInvo4/lAOTZzUprArw17q2O1P2+GHhbBr18/iQwjL5Z9BqfA==", "dev": true, - "license": "ISC", "dependencies": { "camelcase": "^3.0.0", "object.assign": "^4.1.0" @@ -10041,8 +12351,9 @@ }, "node_modules/gulp-concat": { "version": "2.6.1", + "resolved": "https://registry.npmjs.org/gulp-concat/-/gulp-concat-2.6.1.tgz", + "integrity": "sha512-a2scActrQrDBpBbR3WUZGyGS1JEPLg5PZJdIa7/Bi3GuKAmPYDK6SFhy/NZq5R8KsKKFvtfR0fakbUCcKGCCjg==", "dev": true, - "license": "MIT", "dependencies": { "concat-with-sourcemaps": "^1.0.0", "through2": "^2.0.0", @@ -10054,8 +12365,9 @@ }, "node_modules/gulp-flatten": { "version": "0.4.0", + "resolved": "https://registry.npmjs.org/gulp-flatten/-/gulp-flatten-0.4.0.tgz", + "integrity": "sha512-eg4spVTAiv1xXmugyaCxWne1oPtNG0UHEtABx5W8ScLiqAYceyYm6GYA36x0Qh8KOIXmAZV97L2aYGnKREG3Sg==", "dev": true, - "license": "MIT", "dependencies": { "plugin-error": "^0.1.2", "through2": "^2.0.0" @@ -10066,16 +12378,18 @@ }, "node_modules/gulp-rename": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-2.0.0.tgz", + "integrity": "sha512-97Vba4KBzbYmR5VBs9mWmK+HwIf5mj+/zioxfZhOKeXtx5ZjBk57KFlePf5nxq9QsTtFl0ejnHE3zTC9MHXqyQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/gulp-uglify": { "version": "3.0.2", + "resolved": "https://registry.npmjs.org/gulp-uglify/-/gulp-uglify-3.0.2.tgz", + "integrity": "sha512-gk1dhB74AkV2kzqPMQBLA3jPoIAPd/nlNzP2XMDSG8XZrqnlCiDGAqC+rZOumzFvB5zOphlFh6yr3lgcAb/OOg==", "dev": true, - "license": "MIT", "dependencies": { "array-each": "^1.0.1", "extend-shallow": "^3.0.2", @@ -10091,8 +12405,9 @@ }, "node_modules/gulp-uglifycss": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/gulp-uglifycss/-/gulp-uglifycss-1.1.0.tgz", + "integrity": "sha512-O2VDBPdS16SO3BPSCsHDnsvdCx1B/WgH2qvJaUOD+r1d8v87UjeqEtfmqR2eJ171D0F4shw8/oW5ezA6pqVXEQ==", "dev": true, - "license": "MIT", "dependencies": { "plugin-error": "^1.0.1", "through2": "^2.0.3", @@ -10102,8 +12417,9 @@ }, "node_modules/gulp-uglifycss/node_modules/ansi-colors": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", + "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-wrap": "^0.1.0" }, @@ -10113,24 +12429,27 @@ }, "node_modules/gulp-uglifycss/node_modules/arr-diff": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/gulp-uglifycss/node_modules/arr-union": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/gulp-uglifycss/node_modules/plugin-error": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", + "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-colors": "^1.0.1", "arr-diff": "^4.0.0", @@ -10143,8 +12462,9 @@ }, "node_modules/gulplog": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz", + "integrity": "sha512-hm6N8nrm3Y08jXie48jsC55eCZz9mnb4OirAStEk2deqeyhXU3C1otDVh+ccttMuc1sBi6RX6ZJ720hs9RCvgw==", "dev": true, - "license": "MIT", "dependencies": { "glogg": "^1.0.0" }, @@ -10154,29 +12474,33 @@ }, "node_modules/handle-thing": { "version": "2.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz", + "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==", + "dev": true }, "node_modules/has-bigints": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz", + "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==", "dev": true, - "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/has-flag": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/has-gulplog": { "version": "0.1.0", + "resolved": "https://registry.npmjs.org/has-gulplog/-/has-gulplog-0.1.0.tgz", + "integrity": "sha512-+F4GzLjwHNNDEAJW2DC1xXfEoPkRDmUdJ7CBYw4MpqtDwOnqdImJl7GWlpqx+Wko6//J8uKTnIe4wZSv7yCqmw==", "dev": true, - "license": "MIT", "dependencies": { "sparkles": "^1.0.0" }, @@ -10185,20 +12509,22 @@ } }, "node_modules/has-property-descriptors": { - "version": "1.0.1", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", + "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==", "dev": true, - "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.2" + "es-define-property": "^1.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/has-proto": { - "version": "1.0.1", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz", + "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -10208,8 +12534,9 @@ }, "node_modules/has-symbols": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -10218,11 +12545,12 @@ } }, "node_modules/has-tostringtag": { - "version": "1.0.0", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", "dev": true, - "license": "MIT", "dependencies": { - "has-symbols": "^1.0.2" + "has-symbols": "^1.0.3" }, "engines": { "node": ">= 0.4" @@ -10233,8 +12561,9 @@ }, "node_modules/has-value": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", + "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==", "dev": true, - "license": "MIT", "dependencies": { "get-value": "^2.0.6", "has-values": "^1.0.0", @@ -10246,8 +12575,9 @@ }, "node_modules/has-values": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", + "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==", "dev": true, - "license": "MIT", "dependencies": { "is-number": "^3.0.0", "kind-of": "^4.0.0" @@ -10258,8 +12588,9 @@ }, "node_modules/has-values/node_modules/is-number": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^3.0.2" }, @@ -10269,8 +12600,9 @@ }, "node_modules/has-values/node_modules/is-number/node_modules/kind-of": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -10280,8 +12612,9 @@ }, "node_modules/has-values/node_modules/kind-of": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", + "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -10290,9 +12623,10 @@ } }, "node_modules/hasown": { - "version": "2.0.0", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", "dev": true, - "license": "MIT", "dependencies": { "function-bind": "^1.1.2" }, @@ -10300,25 +12634,11 @@ "node": ">= 0.4" } }, - "node_modules/hdr-histogram-js": { - "version": "2.0.3", - "dev": true, - "license": "BSD", - "dependencies": { - "@assemblyscript/loader": "^0.10.1", - "base64-js": "^1.2.0", - "pako": "^1.0.3" - } - }, - "node_modules/hdr-histogram-percentiles-obj": { - "version": "3.0.0", - "dev": true, - "license": "MIT" - }, "node_modules/homedir-polyfill": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz", + "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==", "dev": true, - "license": "MIT", "dependencies": { "parse-passwd": "^1.0.0" }, @@ -10328,8 +12648,9 @@ }, "node_modules/hosted-git-info": { "version": "7.0.1", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz", + "integrity": "sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==", "dev": true, - "license": "ISC", "dependencies": { "lru-cache": "^10.0.1" }, @@ -10338,17 +12659,19 @@ } }, "node_modules/hosted-git-info/node_modules/lru-cache": { - "version": "10.1.0", + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", "dev": true, - "license": "ISC", "engines": { "node": "14 || >=16.14" } }, "node_modules/hpack.js": { "version": "2.1.6", + "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz", + "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==", "dev": true, - "license": "MIT", "dependencies": { "inherits": "^2.0.1", "obuf": "^1.0.0", @@ -10357,7 +12680,9 @@ } }, "node_modules/html-entities": { - "version": "2.4.0", + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz", + "integrity": "sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==", "dev": true, "funding": [ { @@ -10368,18 +12693,19 @@ "type": "patreon", "url": "https://patreon.com/mdevils" } - ], - "license": "MIT" + ] }, "node_modules/html-escaper": { "version": "2.0.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz", + "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", + "dev": true }, "node_modules/html2canvas": { "version": "1.4.1", + "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz", + "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "css-line-break": "^2.1.0", @@ -10391,6 +12717,9 @@ }, "node_modules/htmlparser2": { "version": "8.0.2", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz", + "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==", + "dev": true, "funding": [ "https://github.com/fb55/htmlparser2?sponsor=1", { @@ -10398,7 +12727,6 @@ "url": "https://github.com/sponsors/fb55" } ], - "license": "MIT", "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.3", @@ -10408,18 +12736,21 @@ }, "node_modules/http-cache-semantics": { "version": "4.1.1", - "dev": true, - "license": "BSD-2-Clause" + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", + "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==", + "dev": true }, "node_modules/http-deceiver": { "version": "1.2.7", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz", + "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==", + "dev": true }, "node_modules/http-errors": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", + "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", "dev": true, - "license": "MIT", "dependencies": { "depd": "2.0.0", "inherits": "2.0.4", @@ -10433,13 +12764,15 @@ }, "node_modules/http-parser-js": { "version": "0.5.8", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz", + "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==", + "dev": true }, "node_modules/http-proxy": { "version": "1.18.1", + "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", + "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", "dev": true, - "license": "MIT", "dependencies": { "eventemitter3": "^4.0.0", "follow-redirects": "^1.0.0", @@ -10450,9 +12783,10 @@ } }, "node_modules/http-proxy-agent": { - "version": "7.0.0", + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz", + "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==", "dev": true, - "license": "MIT", "dependencies": { "agent-base": "^7.1.0", "debug": "^4.3.4" @@ -10463,8 +12797,9 @@ }, "node_modules/http-proxy-middleware": { "version": "2.0.6", + "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz", + "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==", "dev": true, - "license": "MIT", "dependencies": { "@types/http-proxy": "^1.17.8", "http-proxy": "^1.18.1", @@ -10485,9 +12820,10 @@ } }, "node_modules/https-proxy-agent": { - "version": "7.0.2", + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.4.tgz", + "integrity": "sha512-wlwpilI7YdjSkWaQ/7omYBMTliDcmCN8OLihO6I9B86g06lMyAoqgoDpV0XqoaPOKj+0DIdAvnsWfyAAhmimcg==", "dev": true, - "license": "MIT", "dependencies": { "agent-base": "^7.0.2", "debug": "4" @@ -10498,16 +12834,18 @@ }, "node_modules/human-signals": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", + "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=10.17.0" } }, "node_modules/iconv-lite": { "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", "dev": true, - "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3" }, @@ -10517,8 +12855,9 @@ }, "node_modules/icss-utils": { "version": "5.1.0", + "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", + "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", "dev": true, - "license": "ISC", "engines": { "node": "^10 || ^12 || >= 14" }, @@ -10528,6 +12867,8 @@ }, "node_modules/ieee754": { "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", "dev": true, "funding": [ { @@ -10542,21 +12883,22 @@ "type": "consulting", "url": "https://feross.org/support" } - ], - "license": "BSD-3-Clause" + ] }, "node_modules/ignore": { - "version": "5.2.4", + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz", + "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 4" } }, "node_modules/ignore-walk": { - "version": "6.0.3", + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.4.tgz", + "integrity": "sha512-t7sv42WkwFkyKbivUCglsQW5YWMskWtbEf4MNKX5u/CCWHKSPzN4FtBQGsQZgCLbxOzpVlcbWVK5KB3auIOjSw==", "dev": true, - "license": "ISC", "dependencies": { "minimatch": "^9.0.0" }, @@ -10564,32 +12906,11 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/ignore-walk/node_modules/brace-expansion": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0" - } - }, - "node_modules/ignore-walk/node_modules/minimatch": { - "version": "9.0.3", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^2.0.1" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/image-size": { "version": "0.5.5", + "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", + "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", "dev": true, - "license": "MIT", "optional": true, "bin": { "image-size": "bin/image-size.js" @@ -10599,17 +12920,16 @@ } }, "node_modules/immutable": { - "version": "3.8.2", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } + "version": "4.3.5", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz", + "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==", + "dev": true }, "node_modules/import-fresh": { "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", "dev": true, - "license": "MIT", "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" @@ -10623,24 +12943,27 @@ }, "node_modules/import-fresh/node_modules/resolve-from": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/imurmurhash": { "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8.19" } }, "node_modules/indent-string": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz", + "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==", "dev": true, - "license": "MIT", "engines": { "node": ">=12" }, @@ -10650,8 +12973,9 @@ }, "node_modules/inflight": { "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", "dev": true, - "license": "ISC", "dependencies": { "once": "^1.3.0", "wrappy": "1" @@ -10659,37 +12983,41 @@ }, "node_modules/inherits": { "version": "2.0.4", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true }, "node_modules/ini": { - "version": "4.1.1", + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.2.tgz", + "integrity": "sha512-AMB1mvwR1pyBFY/nSevUX6y8nJWS63/SzUKD3JyQn97s4xgIdgQPT75IRouIiBAN4yLQBUShNYVW0+UG25daCw==", "dev": true, - "license": "ISC", "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/injection-js": { "version": "2.4.0", + "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.4.0.tgz", + "integrity": "sha512-6jiJt0tCAo9zjHbcwLiPL+IuNe9SQ6a9g0PEzafThW3fOQi0mrmiJGBJvDD6tmhPh8cQHIQtCOrJuBfQME4kPA==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.0.0" } }, "node_modules/inquirer": { - "version": "9.2.11", + "version": "9.2.15", + "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-9.2.15.tgz", + "integrity": "sha512-vI2w4zl/mDluHt9YEQ/543VTCwPKWiHzKtm9dM2V0NdFcqEexDAjUHzO1oA60HRNaVifGXXM1tRRNluLVHa0Kg==", "dev": true, - "license": "MIT", "dependencies": { - "@ljharb/through": "^2.3.9", + "@ljharb/through": "^2.3.12", "ansi-escapes": "^4.3.2", "chalk": "^5.3.0", "cli-cursor": "^3.1.0", "cli-width": "^4.1.0", "external-editor": "^3.1.0", - "figures": "^5.0.0", + "figures": "^3.2.0", "lodash": "^4.17.21", "mute-stream": "1.0.0", "ora": "^5.4.1", @@ -10700,13 +13028,14 @@ "wrap-ansi": "^6.2.0" }, "engines": { - "node": ">=14.18.0" + "node": ">=18" } }, "node_modules/inquirer/node_modules/chalk": { "version": "5.3.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz", + "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==", "dev": true, - "license": "MIT", "engines": { "node": "^12.17.0 || ^14.13 || >=16.0.0" }, @@ -10715,11 +13044,12 @@ } }, "node_modules/internal-slot": { - "version": "1.0.6", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz", + "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==", "dev": true, - "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.2", + "es-errors": "^1.3.0", "hasown": "^2.0.0", "side-channel": "^1.0.4" }, @@ -10729,37 +13059,49 @@ }, "node_modules/interpret": { "version": "1.4.0", + "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz", + "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/invert-kv": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", + "integrity": "sha512-xgs2NH9AE66ucSq4cNG1nhSFghr5l6tdL15Pk+jl46bmmBapgoaY/AacXyaDznAqmGL99TiLSQgO/XazFSKYeQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, - "node_modules/ip": { - "version": "2.0.0", + "node_modules/ip-address": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz", + "integrity": "sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==", "dev": true, - "license": "MIT" + "dependencies": { + "jsbn": "1.1.0", + "sprintf-js": "^1.1.3" + }, + "engines": { + "node": ">= 12" + } }, "node_modules/ipaddr.js": { "version": "1.9.1", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", + "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/is-absolute": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz", + "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==", "dev": true, - "license": "MIT", "dependencies": { "is-relative": "^1.0.0", "is-windows": "^1.0.1" @@ -10770,8 +13112,9 @@ }, "node_modules/is-accessor-descriptor": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz", + "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==", "dev": true, - "license": "MIT", "dependencies": { "hasown": "^2.0.0" }, @@ -10781,8 +13124,9 @@ }, "node_modules/is-arguments": { "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz", + "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "has-tostringtag": "^1.0.0" @@ -10795,13 +13139,16 @@ } }, "node_modules/is-array-buffer": { - "version": "3.0.2", + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz", + "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.0", - "is-typed-array": "^1.1.10" + "get-intrinsic": "^1.2.1" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -10809,13 +13156,15 @@ }, "node_modules/is-arrayish": { "version": "0.2.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", + "dev": true }, "node_modules/is-bigint": { "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz", + "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==", "dev": true, - "license": "MIT", "dependencies": { "has-bigints": "^1.0.1" }, @@ -10825,8 +13174,9 @@ }, "node_modules/is-binary-path": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", "dev": true, - "license": "MIT", "dependencies": { "binary-extensions": "^2.0.0" }, @@ -10836,8 +13186,9 @@ }, "node_modules/is-boolean-object": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz", + "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "has-tostringtag": "^1.0.0" @@ -10851,13 +13202,15 @@ }, "node_modules/is-buffer": { "version": "1.1.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", + "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==", + "dev": true }, "node_modules/is-builtin-module": { "version": "3.2.1", + "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz", + "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==", "dev": true, - "license": "MIT", "dependencies": { "builtin-modules": "^3.3.0" }, @@ -10870,8 +13223,9 @@ }, "node_modules/is-callable": { "version": "1.2.7", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz", + "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -10881,8 +13235,9 @@ }, "node_modules/is-core-module": { "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", "dev": true, - "license": "MIT", "dependencies": { "hasown": "^2.0.0" }, @@ -10892,8 +13247,9 @@ }, "node_modules/is-data-descriptor": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz", + "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==", "dev": true, - "license": "MIT", "dependencies": { "hasown": "^2.0.0" }, @@ -10901,10 +13257,26 @@ "node": ">= 0.4" } }, + "node_modules/is-data-view": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz", + "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==", + "dev": true, + "dependencies": { + "is-typed-array": "^1.1.13" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-date-object": { "version": "1.0.5", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz", + "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==", "dev": true, - "license": "MIT", "dependencies": { "has-tostringtag": "^1.0.0" }, @@ -10917,8 +13289,9 @@ }, "node_modules/is-descriptor": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz", + "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==", "dev": true, - "license": "MIT", "dependencies": { "is-accessor-descriptor": "^1.0.1", "is-data-descriptor": "^1.0.1" @@ -10929,8 +13302,9 @@ }, "node_modules/is-docker": { "version": "2.2.1", + "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", + "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", "dev": true, - "license": "MIT", "bin": { "is-docker": "cli.js" }, @@ -10943,8 +13317,9 @@ }, "node_modules/is-extendable": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", "dev": true, - "license": "MIT", "dependencies": { "is-plain-object": "^2.0.4" }, @@ -10954,8 +13329,9 @@ }, "node_modules/is-extendable/node_modules/is-plain-object": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", "dev": true, - "license": "MIT", "dependencies": { "isobject": "^3.0.1" }, @@ -10965,24 +13341,27 @@ }, "node_modules/is-extglob": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/is-fullwidth-code-point": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/is-glob": { "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", "dev": true, - "license": "MIT", "dependencies": { "is-extglob": "^2.1.1" }, @@ -10992,34 +13371,39 @@ }, "node_modules/is-interactive": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz", + "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/is-lambda": { "version": "1.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", + "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", + "dev": true }, "node_modules/is-module": { "version": "1.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", + "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==", + "dev": true }, "node_modules/is-negated-glob": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz", + "integrity": "sha512-czXVVn/QEmgvej1f50BZ648vUI+em0xqMq2Sn+QncCLN4zj1UAxlT+kw/6ggQTOaZPd1HqKQGEqbpQVtJucWug==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/is-negative-zero": { - "version": "2.0.2", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz", + "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -11029,24 +13413,18 @@ }, "node_modules/is-number": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.12.0" } }, - "node_modules/is-number-like": { - "version": "1.0.8", - "dev": true, - "license": "ISC", - "dependencies": { - "lodash.isfinite": "^3.3.2" - } - }, "node_modules/is-number-object": { "version": "1.0.7", + "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz", + "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==", "dev": true, - "license": "MIT", "dependencies": { "has-tostringtag": "^1.0.0" }, @@ -11059,8 +13437,9 @@ }, "node_modules/is-path-cwd": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-3.0.0.tgz", + "integrity": "sha512-kyiNFFLU0Ampr6SDZitD/DwUo4Zs1nSdnygUBqsu3LooL00Qvb5j+UnvApUn/TTj1J3OuE6BTdQ5rudKmU2ZaA==", "dev": true, - "license": "MIT", "engines": { "node": "^12.20.0 || ^14.13.1 || >=16.0.0" }, @@ -11070,8 +13449,9 @@ }, "node_modules/is-path-inside": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-4.0.0.tgz", + "integrity": "sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==", "dev": true, - "license": "MIT", "engines": { "node": ">=12" }, @@ -11081,8 +13461,9 @@ }, "node_modules/is-plain-obj": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz", + "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -11092,16 +13473,18 @@ }, "node_modules/is-plain-object": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/is-regex": { "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", + "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "has-tostringtag": "^1.0.0" @@ -11115,8 +13498,9 @@ }, "node_modules/is-relative": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz", + "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==", "dev": true, - "license": "MIT", "dependencies": { "is-unc-path": "^1.0.0" }, @@ -11125,11 +13509,15 @@ } }, "node_modules/is-shared-array-buffer": { - "version": "1.0.2", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz", + "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2" + "call-bind": "^1.0.7" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -11137,8 +13525,9 @@ }, "node_modules/is-stream": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", + "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" }, @@ -11148,8 +13537,9 @@ }, "node_modules/is-string": { "version": "1.0.7", + "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz", + "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==", "dev": true, - "license": "MIT", "dependencies": { "has-tostringtag": "^1.0.0" }, @@ -11162,8 +13552,9 @@ }, "node_modules/is-symbol": { "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz", + "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==", "dev": true, - "license": "MIT", "dependencies": { "has-symbols": "^1.0.2" }, @@ -11175,11 +13566,12 @@ } }, "node_modules/is-typed-array": { - "version": "1.1.12", + "version": "1.1.13", + "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz", + "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==", "dev": true, - "license": "MIT", "dependencies": { - "which-typed-array": "^1.1.11" + "which-typed-array": "^1.1.14" }, "engines": { "node": ">= 0.4" @@ -11190,8 +13582,9 @@ }, "node_modules/is-unc-path": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz", + "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==", "dev": true, - "license": "MIT", "dependencies": { "unc-path-regex": "^0.1.2" }, @@ -11200,11 +13593,12 @@ } }, "node_modules/is-unicode-supported": { - "version": "1.3.0", + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", "dev": true, - "license": "MIT", "engines": { - "node": ">=12" + "node": ">=10" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -11212,21 +13606,24 @@ }, "node_modules/is-utf8": { "version": "0.2.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", + "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==", + "dev": true }, "node_modules/is-valid-glob": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz", + "integrity": "sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/is-weakref": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz", + "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2" }, @@ -11236,21 +13633,24 @@ }, "node_modules/is-what": { "version": "3.14.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", + "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", + "dev": true }, "node_modules/is-windows": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", + "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/is-wsl": { "version": "2.2.0", + "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", + "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", "dev": true, - "license": "MIT", "dependencies": { "is-docker": "^2.0.0" }, @@ -11260,13 +13660,15 @@ }, "node_modules/isarray": { "version": "1.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true }, "node_modules/isbinaryfile": { "version": "4.0.10", + "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz", + "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 8.0.0" }, @@ -11276,29 +13678,33 @@ }, "node_modules/isexe": { "version": "2.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true }, "node_modules/isobject": { "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/istanbul-lib-coverage": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", + "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=8" } }, "node_modules/istanbul-lib-instrument": { "version": "5.2.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz", + "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "@babel/core": "^7.12.3", "@babel/parser": "^7.14.7", @@ -11312,16 +13718,18 @@ }, "node_modules/istanbul-lib-instrument/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/istanbul-lib-report": { "version": "3.0.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz", + "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "istanbul-lib-coverage": "^3.0.0", "make-dir": "^4.0.0", @@ -11333,16 +13741,18 @@ }, "node_modules/istanbul-lib-report/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/istanbul-lib-report/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -11352,8 +13762,9 @@ }, "node_modules/istanbul-lib-source-maps": { "version": "4.0.1", + "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz", + "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "debug": "^4.1.1", "istanbul-lib-coverage": "^3.0.0", @@ -11365,16 +13776,18 @@ }, "node_modules/istanbul-lib-source-maps/node_modules/source-map": { "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, "node_modules/istanbul-reports": { - "version": "3.1.6", + "version": "3.1.7", + "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz", + "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "html-escaper": "^2.0.0", "istanbul-lib-report": "^3.0.0" @@ -11385,8 +13798,9 @@ }, "node_modules/jackspeak": { "version": "2.3.6", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz", + "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==", "dev": true, - "license": "BlueOak-1.0.0", "dependencies": { "@isaacs/cliui": "^8.0.2" }, @@ -11402,8 +13816,9 @@ }, "node_modules/jake": { "version": "10.8.7", + "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz", + "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==", "dev": true, - "license": "Apache-2.0", "dependencies": { "async": "^3.2.3", "chalk": "^4.0.2", @@ -11419,8 +13834,9 @@ }, "node_modules/jake/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -11431,10 +13847,21 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, + "node_modules/jake/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, "node_modules/jake/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -11448,8 +13875,9 @@ }, "node_modules/jake/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -11459,21 +13887,36 @@ }, "node_modules/jake/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/jake/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, + "node_modules/jake/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, "node_modules/jake/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -11483,13 +13926,15 @@ }, "node_modules/jasmine-core": { "version": "4.6.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.0.tgz", + "integrity": "sha512-O236+gd0ZXS8YAjFx8xKaJ94/erqUliEkJTDedyE7iHvv4ZVqi+q+8acJxu05/WJDKm512EUNn809In37nWlAQ==", + "dev": true }, "node_modules/jest-diff": { "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz", + "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==", "dev": true, - "license": "MIT", "dependencies": { "chalk": "^4.0.0", "diff-sequences": "^29.6.3", @@ -11502,8 +13947,9 @@ }, "node_modules/jest-diff/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -11516,8 +13962,9 @@ }, "node_modules/jest-diff/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -11531,8 +13978,9 @@ }, "node_modules/jest-diff/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -11542,21 +13990,24 @@ }, "node_modules/jest-diff/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/jest-diff/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/jest-diff/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -11566,16 +14017,18 @@ }, "node_modules/jest-get-type": { "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", + "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", "dev": true, - "license": "MIT", "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, "node_modules/jest-matcher-utils": { "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz", + "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==", "dev": true, - "license": "MIT", "dependencies": { "chalk": "^4.0.0", "jest-diff": "^29.7.0", @@ -11588,8 +14041,9 @@ }, "node_modules/jest-matcher-utils/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -11602,8 +14056,9 @@ }, "node_modules/jest-matcher-utils/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -11617,8 +14072,9 @@ }, "node_modules/jest-matcher-utils/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -11628,21 +14084,24 @@ }, "node_modules/jest-matcher-utils/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/jest-matcher-utils/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/jest-matcher-utils/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -11652,8 +14111,9 @@ }, "node_modules/jest-message-util": { "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz", + "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==", "dev": true, - "license": "MIT", "dependencies": { "@babel/code-frame": "^7.12.13", "@jest/types": "^29.6.3", @@ -11671,8 +14131,9 @@ }, "node_modules/jest-message-util/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -11685,8 +14146,9 @@ }, "node_modules/jest-message-util/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -11700,8 +14162,9 @@ }, "node_modules/jest-message-util/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -11711,29 +14174,33 @@ }, "node_modules/jest-message-util/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/jest-message-util/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/jest-message-util/node_modules/slash": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/jest-message-util/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -11743,8 +14210,9 @@ }, "node_modules/jest-util": { "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz", + "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==", "dev": true, - "license": "MIT", "dependencies": { "@jest/types": "^29.6.3", "@types/node": "*", @@ -11759,8 +14227,9 @@ }, "node_modules/jest-util/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -11773,8 +14242,9 @@ }, "node_modules/jest-util/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -11788,8 +14258,9 @@ }, "node_modules/jest-util/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -11799,21 +14270,24 @@ }, "node_modules/jest-util/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/jest-util/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/jest-util/node_modules/picomatch": { "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true, - "license": "MIT", "engines": { "node": ">=8.6" }, @@ -11823,8 +14297,9 @@ }, "node_modules/jest-util/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -11834,8 +14309,9 @@ }, "node_modules/jest-worker": { "version": "27.5.1", + "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", + "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*", "merge-stream": "^2.0.0", @@ -11847,16 +14323,18 @@ }, "node_modules/jest-worker/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/jest-worker/node_modules/supports-color": { "version": "8.1.1", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", + "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -11869,21 +14347,24 @@ }, "node_modules/jiti": { "version": "1.21.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz", + "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==", "dev": true, - "license": "MIT", "bin": { "jiti": "bin/jiti.js" } }, "node_modules/js-tokens": { "version": "4.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true }, "node_modules/js-yaml": { "version": "3.14.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", + "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", "dev": true, - "license": "MIT", "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" @@ -11892,18 +14373,26 @@ "js-yaml": "bin/js-yaml.js" } }, + "node_modules/jsbn": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz", + "integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==", + "dev": true + }, "node_modules/jsdoc-type-pratt-parser": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.0.0.tgz", + "integrity": "sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=12.0.0" } }, "node_modules/jsesc": { "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", "dev": true, - "license": "MIT", "bin": { "jsesc": "bin/jsesc" }, @@ -11913,28 +14402,36 @@ }, "node_modules/json-buffer": { "version": "3.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true }, "node_modules/json-parse-even-better-errors": { - "version": "2.3.1", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.1.tgz", + "integrity": "sha512-aatBvbL26wVUCLmbWdCpeu9iF5wOyWpagiKkInA+kfws3sWdBrTnsvN2CKcyCYyUrc7rebNBlK6+kteg7ksecg==", "dev": true, - "license": "MIT" + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } }, "node_modules/json-schema-traverse": { "version": "1.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true }, "node_modules/json-stable-stringify-without-jsonify": { "version": "1.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true }, "node_modules/json5": { "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true, - "license": "MIT", "bin": { "json5": "lib/cli.js" }, @@ -11943,30 +14440,37 @@ } }, "node_modules/jsonc-parser": { - "version": "3.2.0", - "dev": true, - "license": "MIT" + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.1.tgz", + "integrity": "sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==", + "dev": true }, "node_modules/jsonfile": { - "version": "3.0.1", + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", + "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", "dev": true, - "license": "MIT", + "dependencies": { + "universalify": "^2.0.0" + }, "optionalDependencies": { "graceful-fs": "^4.1.6" } }, "node_modules/jsonparse": { "version": "1.3.1", + "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz", + "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==", "dev": true, "engines": [ "node >= 0.2.0" - ], - "license": "MIT" + ] }, "node_modules/jspdf": { "version": "2.5.1", + "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-2.5.1.tgz", + "integrity": "sha512-hXObxz7ZqoyhxET78+XR34Xu2qFGrJJ2I2bE5w4SM8eFaFEkW2xcGRVUss360fYelwRSid/jT078kbNvmoW0QA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/runtime": "^7.14.0", "atob": "^2.1.2", @@ -11981,22 +14485,25 @@ } }, "node_modules/jspdf-autotable": { - "version": "3.7.1", + "version": "3.8.2", + "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-3.8.2.tgz", + "integrity": "sha512-zW1ix99/mtR4MbIni7IqvrpfHmuTaICl6iv6wqjRN86Nxtwaw/QtOeDbpXqYSzHIJK9JvgtLM283sc5x+ipkJg==", "dev": true, - "license": "MIT", "peerDependencies": { "jspdf": "^2.5.1" } }, "node_modules/just-debounce": { "version": "1.1.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/just-debounce/-/just-debounce-1.1.0.tgz", + "integrity": "sha512-qpcRocdkUmf+UTNBYx5w6dexX5J31AKK1OmPwH630a83DdVVUIngk55RSAiIGpQyoH0dlr872VHfPjnQnK1qDQ==", + "dev": true }, "node_modules/karma": { - "version": "6.4.2", + "version": "6.4.3", + "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.3.tgz", + "integrity": "sha512-LuucC/RE92tJ8mlCwqEoRWXP38UMAqpnq98vktmS9SznSoUPPUJQbc91dHcxcunROvfQjdORVA/YFviH+Xci9Q==", "dev": true, - "license": "MIT", "dependencies": { "@colors/colors": "1.5.0", "body-parser": "^1.19.0", @@ -12017,7 +14524,7 @@ "qjobs": "^1.2.0", "range-parser": "^1.2.1", "rimraf": "^3.0.2", - "socket.io": "^4.4.1", + "socket.io": "^4.7.2", "source-map": "^0.6.1", "tmp": "^0.2.1", "ua-parser-js": "^0.7.30", @@ -12032,16 +14539,18 @@ }, "node_modules/karma-chrome-launcher": { "version": "3.2.0", + "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz", + "integrity": "sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==", "dev": true, - "license": "MIT", "dependencies": { "which": "^1.2.1" } }, "node_modules/karma-chrome-launcher/node_modules/which": { "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", "dev": true, - "license": "ISC", "dependencies": { "isexe": "^2.0.0" }, @@ -12051,8 +14560,9 @@ }, "node_modules/karma-coverage": { "version": "2.2.1", + "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz", + "integrity": "sha512-yj7hbequkQP2qOSb20GuNSIyE//PgJWHwC2IydLE6XRtsnaflv+/OSGNssPjobYUlhVVagy99TQpqUt3vAUG7A==", "dev": true, - "license": "MIT", "dependencies": { "istanbul-lib-coverage": "^3.2.0", "istanbul-lib-instrument": "^5.1.0", @@ -12065,10 +14575,33 @@ "node": ">=10.0.0" } }, + "node_modules/karma-coverage/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/karma-coverage/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, "node_modules/karma-jasmine": { "version": "5.1.0", + "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-5.1.0.tgz", + "integrity": "sha512-i/zQLFrfEpRyQoJF9fsCdTMOF5c2dK7C7OmsuKg2D0YSsuZSfQDiLuaiktbuio6F2wiCsZSnSnieIQ0ant/uzQ==", "dev": true, - "license": "MIT", "dependencies": { "jasmine-core": "^4.1.0" }, @@ -12081,8 +14614,9 @@ }, "node_modules/karma-jasmine-html-reporter": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.0.0.tgz", + "integrity": "sha512-SB8HNNiazAHXM1vGEzf8/tSyEhkfxuDdhYdPBX2Mwgzt0OuF2gicApQ+uvXLID/gXyJQgvrM9+1/2SxZFUUDIA==", "dev": true, - "license": "MIT", "peerDependencies": { "jasmine-core": "^4.0.0", "karma": "^6.0.0", @@ -12091,16 +14625,18 @@ }, "node_modules/karma-source-map-support": { "version": "1.4.0", + "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz", + "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==", "dev": true, - "license": "MIT", "dependencies": { "source-map-support": "^0.5.5" } }, "node_modules/karma/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -12111,10 +14647,21 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, + "node_modules/karma/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, "node_modules/karma/node_modules/cliui": { "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", "dev": true, - "license": "ISC", "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.0", @@ -12123,8 +14670,9 @@ }, "node_modules/karma/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -12134,106 +14682,36 @@ }, "node_modules/karma/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" - }, - "node_modules/karma/node_modules/connect": { - "version": "3.7.0", - "dev": true, - "license": "MIT", - "dependencies": { - "debug": "2.6.9", - "finalhandler": "1.1.2", - "parseurl": "~1.3.3", - "utils-merge": "1.0.1" - }, - "engines": { - "node": ">= 0.10.0" - } - }, - "node_modules/karma/node_modules/debug": { - "version": "2.6.9", - "dev": true, - "license": "MIT", - "dependencies": { - "ms": "2.0.0" - } - }, - "node_modules/karma/node_modules/finalhandler": { - "version": "1.1.2", - "dev": true, - "license": "MIT", - "dependencies": { - "debug": "2.6.9", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.3", - "statuses": "~1.5.0", - "unpipe": "~1.0.0" - }, - "engines": { - "node": ">= 0.8" - } - }, - "node_modules/karma/node_modules/ms": { - "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, - "node_modules/karma/node_modules/on-finished": { - "version": "2.3.0", + "node_modules/karma/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, - "license": "MIT", "dependencies": { - "ee-first": "1.1.1" + "brace-expansion": "^1.1.7" }, "engines": { - "node": ">= 0.8" + "node": "*" } }, "node_modules/karma/node_modules/source-map": { "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, - "node_modules/karma/node_modules/statuses": { - "version": "1.5.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/karma/node_modules/ua-parser-js": { - "version": "0.7.37", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/ua-parser-js" - }, - { - "type": "paypal", - "url": "https://paypal.me/faisalman" - }, - { - "type": "github", - "url": "https://github.com/sponsors/faisalman" - } - ], - "license": "MIT", - "engines": { - "node": "*" - } - }, "node_modules/karma/node_modules/wrap-ansi": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", @@ -12248,8 +14726,9 @@ }, "node_modules/karma/node_modules/yargs": { "version": "16.2.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", + "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", "dev": true, - "license": "MIT", "dependencies": { "cliui": "^7.0.2", "escalade": "^3.1.1", @@ -12265,40 +14744,45 @@ }, "node_modules/karma/node_modules/yargs-parser": { "version": "20.2.9", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", + "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", "dev": true, - "license": "ISC", "engines": { "node": ">=10" } }, "node_modules/keyv": { "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", "dev": true, - "license": "MIT", "dependencies": { "json-buffer": "3.0.1" } }, "node_modules/kind-of": { "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/klona": { "version": "2.0.6", + "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz", + "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 8" } }, "node_modules/last-run": { "version": "1.1.1", + "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz", + "integrity": "sha512-U/VxvpX4N/rFvPzr3qG5EtLKEnNI0emvIQB3/ecEwv+8GHaUKbIB8vxv1Oai5FAF0d0r7LXHhLLe5K/yChm5GQ==", "dev": true, - "license": "MIT", "dependencies": { "default-resolution": "^2.0.0", "es6-weak-map": "^2.0.1" @@ -12309,8 +14793,9 @@ }, "node_modules/launch-editor": { "version": "2.6.1", + "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.1.tgz", + "integrity": "sha512-eB/uXmFVpY4zezmGp5XtU21kwo7GBbKB+EQ+UZeWtGb9yAM5xt/Evk+lYH3eRNAtId+ej4u7TYPFZ07w4s7rRw==", "dev": true, - "license": "MIT", "dependencies": { "picocolors": "^1.0.0", "shell-quote": "^1.8.1" @@ -12318,8 +14803,9 @@ }, "node_modules/lazystream": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz", + "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==", "dev": true, - "license": "MIT", "dependencies": { "readable-stream": "^2.0.5" }, @@ -12329,8 +14815,9 @@ }, "node_modules/lcid": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", + "integrity": "sha512-YiGkH6EnGrDGqLMITnGjXtGmNtjoXw9SVUzcaos8RBi7Ps0VBylkq+vOcY9QE5poLasPCR849ucFUkl0UzUyOw==", "dev": true, - "license": "MIT", "dependencies": { "invert-kv": "^1.0.0" }, @@ -12340,8 +14827,9 @@ }, "node_modules/lead": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lead/-/lead-1.0.0.tgz", + "integrity": "sha512-IpSVCk9AYvLHo5ctcIXxOBpMWUe+4TKN3VPWAKUbJikkmsGp0VrSM8IttVc32D6J4WUsiPE6aEFRNmIoF/gdow==", "dev": true, - "license": "MIT", "dependencies": { "flush-write-stream": "^1.0.2" }, @@ -12351,8 +14839,9 @@ }, "node_modules/less": { "version": "4.2.0", + "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz", + "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==", "dev": true, - "license": "Apache-2.0", "dependencies": { "copy-anything": "^2.0.1", "parse-node-version": "^1.0.1", @@ -12376,8 +14865,9 @@ }, "node_modules/less-loader": { "version": "11.1.0", + "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz", + "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==", "dev": true, - "license": "MIT", "dependencies": { "klona": "^2.0.4" }, @@ -12395,8 +14885,9 @@ }, "node_modules/less/node_modules/make-dir": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "pify": "^4.0.1", @@ -12408,8 +14899,9 @@ }, "node_modules/less/node_modules/mime": { "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", "dev": true, - "license": "MIT", "optional": true, "bin": { "mime": "cli.js" @@ -12420,8 +14912,9 @@ }, "node_modules/less/node_modules/pify": { "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", "dev": true, - "license": "MIT", "optional": true, "engines": { "node": ">=6" @@ -12429,8 +14922,9 @@ }, "node_modules/less/node_modules/semver": { "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, - "license": "ISC", "optional": true, "bin": { "semver": "bin/semver" @@ -12438,8 +14932,9 @@ }, "node_modules/less/node_modules/source-map": { "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true, - "license": "BSD-3-Clause", "optional": true, "engines": { "node": ">=0.10.0" @@ -12447,8 +14942,9 @@ }, "node_modules/levn": { "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", "dev": true, - "license": "MIT", "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" @@ -12459,8 +14955,9 @@ }, "node_modules/license-webpack-plugin": { "version": "4.0.2", + "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz", + "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==", "dev": true, - "license": "ISC", "dependencies": { "webpack-sources": "^3.0.0" }, @@ -12475,8 +14972,9 @@ }, "node_modules/liftoff": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-3.1.0.tgz", + "integrity": "sha512-DlIPlJUkCV0Ips2zf2pJP0unEoT1kwYhiiPUGF3s/jtxTCjziNLoiVVh+jqWOWeFi6mmwQ5fNxvAUyPad4Dfog==", "dev": true, - "license": "MIT", "dependencies": { "extend": "^3.0.0", "findup-sync": "^3.0.0", @@ -12493,8 +14991,9 @@ }, "node_modules/liftoff/node_modules/is-plain-object": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", "dev": true, - "license": "MIT", "dependencies": { "isobject": "^3.0.1" }, @@ -12502,22 +15001,20 @@ "node": ">=0.10.0" } }, - "node_modules/limiter": { - "version": "1.1.5", - "dev": true - }, "node_modules/lines-and-columns": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.4.tgz", + "integrity": "sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==", "dev": true, - "license": "MIT", "engines": { "node": "^12.20.0 || ^14.13.1 || >=16.0.0" } }, "node_modules/load-json-file": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", + "integrity": "sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.1.2", "parse-json": "^2.2.0", @@ -12531,8 +15028,9 @@ }, "node_modules/load-json-file/node_modules/parse-json": { "version": "2.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", + "integrity": "sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==", "dev": true, - "license": "MIT", "dependencies": { "error-ex": "^1.2.0" }, @@ -12542,8 +15040,9 @@ }, "node_modules/load-json-file/node_modules/strip-bom": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", + "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==", "dev": true, - "license": "MIT", "dependencies": { "is-utf8": "^0.2.0" }, @@ -12553,138 +15052,27 @@ }, "node_modules/loader-runner": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz", + "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.11.5" } }, "node_modules/loader-utils": { - "version": "3.2.1", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 12.13.0" - } - }, - "node_modules/localtunnel": { - "version": "2.0.2", - "dev": true, - "license": "MIT", - "dependencies": { - "axios": "0.21.4", - "debug": "4.3.2", - "openurl": "1.1.1", - "yargs": "17.1.1" - }, - "bin": { - "lt": "bin/lt.js" - }, - "engines": { - "node": ">=8.3.0" - } - }, - "node_modules/localtunnel/node_modules/ansi-styles": { - "version": "4.3.0", - "dev": true, - "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/localtunnel/node_modules/cliui": { - "version": "7.0.4", - "dev": true, - "license": "ISC", - "dependencies": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^7.0.0" - } - }, - "node_modules/localtunnel/node_modules/color-convert": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/localtunnel/node_modules/color-name": { - "version": "1.1.4", - "dev": true, - "license": "MIT" - }, - "node_modules/localtunnel/node_modules/debug": { - "version": "4.3.2", - "dev": true, - "license": "MIT", - "dependencies": { - "ms": "2.1.2" - }, - "engines": { - "node": ">=6.0" - }, - "peerDependenciesMeta": { - "supports-color": { - "optional": true - } - } - }, - "node_modules/localtunnel/node_modules/wrap-ansi": { - "version": "7.0.0", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" - } - }, - "node_modules/localtunnel/node_modules/yargs": { - "version": "17.1.1", - "dev": true, - "license": "MIT", - "dependencies": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.0", - "y18n": "^5.0.5", - "yargs-parser": "^20.2.2" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/localtunnel/node_modules/yargs-parser": { - "version": "20.2.9", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz", + "integrity": "sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==", "dev": true, - "license": "ISC", "engines": { - "node": ">=10" + "node": ">= 12.13.0" } }, "node_modules/locate-path": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", "dev": true, - "license": "MIT", "dependencies": { "p-locate": "^4.1.0" }, @@ -12694,28 +15082,27 @@ }, "node_modules/lodash": { "version": "4.17.21", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "node_modules/lodash.debounce": { "version": "4.0.8", - "dev": true, - "license": "MIT" - }, - "node_modules/lodash.isfinite": { - "version": "3.3.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "dev": true }, "node_modules/lodash.merge": { "version": "4.6.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true }, "node_modules/log-symbols": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", + "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", "dev": true, - "license": "MIT", "dependencies": { "chalk": "^4.1.0", "is-unicode-supported": "^0.1.0" @@ -12729,8 +15116,9 @@ }, "node_modules/log-symbols/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -12743,8 +15131,9 @@ }, "node_modules/log-symbols/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -12758,8 +15147,9 @@ }, "node_modules/log-symbols/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -12769,32 +15159,24 @@ }, "node_modules/log-symbols/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/log-symbols/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, - "node_modules/log-symbols/node_modules/is-unicode-supported": { - "version": "0.1.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/log-symbols/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -12804,8 +15186,9 @@ }, "node_modules/log4js": { "version": "6.9.1", + "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz", + "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==", "dev": true, - "license": "Apache-2.0", "dependencies": { "date-format": "^4.0.14", "debug": "^4.3.4", @@ -12819,21 +15202,24 @@ }, "node_modules/lru-cache": { "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", "dev": true, - "license": "ISC", "dependencies": { "yallist": "^3.0.2" } }, "node_modules/lunr": { "version": "2.3.9", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz", + "integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==", + "dev": true }, "node_modules/magic-string": { - "version": "0.30.5", + "version": "0.30.8", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.8.tgz", + "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==", "dev": true, - "license": "MIT", "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" }, @@ -12843,8 +15229,9 @@ }, "node_modules/make-dir": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz", + "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==", "dev": true, - "license": "MIT", "dependencies": { "semver": "^7.5.3" }, @@ -12857,21 +15244,24 @@ }, "node_modules/make-error": { "version": "1.3.6", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", + "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", + "dev": true }, "node_modules/make-error-cause": { "version": "1.2.2", + "resolved": "https://registry.npmjs.org/make-error-cause/-/make-error-cause-1.2.2.tgz", + "integrity": "sha512-4TO2Y3HkBnis4c0dxhAgD/jprySYLACf7nwN6V0HAHDx59g12WlRpUmFy1bRHamjGUEEBrEvCq6SUpsEE2lhUg==", "dev": true, - "license": "Apache-2.0", "dependencies": { "make-error": "^1.2.0" } }, "node_modules/make-fetch-happen": { "version": "13.0.0", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-13.0.0.tgz", + "integrity": "sha512-7ThobcL8brtGo9CavByQrQi+23aIfgYU++wg4B87AIS8Rb2ZBt/MEaDqzA00Xwv/jUjAjYkLHjVolYuTLKda2A==", "dev": true, - "license": "ISC", "dependencies": { "@npmcli/agent": "^2.0.0", "cacache": "^18.0.0", @@ -12891,8 +15281,9 @@ }, "node_modules/make-iterator": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz", + "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^6.0.2" }, @@ -12902,24 +15293,27 @@ }, "node_modules/make-iterator/node_modules/kind-of": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/map-cache": { "version": "0.2.2", + "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", + "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/map-visit": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", + "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==", "dev": true, - "license": "MIT", "dependencies": { "object-visit": "^1.0.0" }, @@ -12929,8 +15323,9 @@ }, "node_modules/marked": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz", + "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==", "dev": true, - "license": "MIT", "bin": { "marked": "bin/marked.js" }, @@ -12940,8 +15335,9 @@ }, "node_modules/matchdep": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", + "integrity": "sha512-LFgVbaHIHMqCRuCZyfCtUOq9/Lnzhi7Z0KFUE2fhD54+JN2jLh3hC02RLkqauJ3U4soU6H1J3tfj/Byk7GoEjA==", "dev": true, - "license": "MIT", "dependencies": { "findup-sync": "^2.0.0", "micromatch": "^3.0.4", @@ -12954,16 +15350,18 @@ }, "node_modules/matchdep/node_modules/arr-diff": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/matchdep/node_modules/braces": { "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", "dev": true, - "license": "MIT", "dependencies": { "arr-flatten": "^1.1.0", "array-unique": "^0.3.2", @@ -12982,8 +15380,9 @@ }, "node_modules/matchdep/node_modules/braces/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -12993,8 +15392,9 @@ }, "node_modules/matchdep/node_modules/fill-range": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==", "dev": true, - "license": "MIT", "dependencies": { "extend-shallow": "^2.0.1", "is-number": "^3.0.0", @@ -13007,8 +15407,9 @@ }, "node_modules/matchdep/node_modules/fill-range/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -13018,8 +15419,9 @@ }, "node_modules/matchdep/node_modules/findup-sync": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz", + "integrity": "sha512-vs+3unmJT45eczmcAZ6zMJtxN3l/QXeccaXQx5cu/MeJMhewVfoWZqibRkOxPnmoR59+Zy5hjabfQc6JLSah4g==", "dev": true, - "license": "MIT", "dependencies": { "detect-file": "^1.0.0", "is-glob": "^3.1.0", @@ -13032,16 +15434,18 @@ }, "node_modules/matchdep/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/matchdep/node_modules/is-glob": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", "dev": true, - "license": "MIT", "dependencies": { "is-extglob": "^2.1.0" }, @@ -13051,8 +15455,9 @@ }, "node_modules/matchdep/node_modules/is-number": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^3.0.2" }, @@ -13062,8 +15467,9 @@ }, "node_modules/matchdep/node_modules/is-number/node_modules/kind-of": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -13073,16 +15479,18 @@ }, "node_modules/matchdep/node_modules/kind-of": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/matchdep/node_modules/micromatch": { "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", "dev": true, - "license": "MIT", "dependencies": { "arr-diff": "^4.0.0", "array-unique": "^0.3.2", @@ -13104,8 +15512,9 @@ }, "node_modules/matchdep/node_modules/to-regex-range": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==", "dev": true, - "license": "MIT", "dependencies": { "is-number": "^3.0.0", "repeat-string": "^1.6.1" @@ -13116,16 +15525,18 @@ }, "node_modules/media-typer": { "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/memfs": { "version": "3.5.3", + "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz", + "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==", "dev": true, - "license": "Unlicense", "dependencies": { "fs-monkey": "^1.0.4" }, @@ -13135,34 +15546,39 @@ }, "node_modules/merge-descriptors": { "version": "1.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==", + "dev": true }, "node_modules/merge-stream": { "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", + "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", + "dev": true }, "node_modules/merge2": { "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 8" } }, "node_modules/methods": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/micromatch": { "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", "dev": true, - "license": "MIT", "dependencies": { "braces": "^3.0.2", "picomatch": "^2.3.1" @@ -13173,8 +15589,9 @@ }, "node_modules/micromatch/node_modules/picomatch": { "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true, - "license": "MIT", "engines": { "node": ">=8.6" }, @@ -13184,8 +15601,9 @@ }, "node_modules/mime": { "version": "2.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", + "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", "dev": true, - "license": "MIT", "bin": { "mime": "cli.js" }, @@ -13195,16 +15613,18 @@ }, "node_modules/mime-db": { "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/mime-types": { "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", "dev": true, - "license": "MIT", "dependencies": { "mime-db": "1.52.0" }, @@ -13214,18 +15634,21 @@ }, "node_modules/mimic-fn": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/mini-css-extract-plugin": { - "version": "2.7.6", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.8.1.tgz", + "integrity": "sha512-/1HDlyFRxWIZPI1ZpgqlZ8jMw/1Dp/dl3P0L1jtZ+zVcHqwPhGwaJwKL00WVgfnBy6PWCde9W65or7IIETImuA==", "dev": true, - "license": "MIT", "dependencies": { - "schema-utils": "^4.0.0" + "schema-utils": "^4.0.0", + "tapable": "^2.2.1" }, "engines": { "node": ">= 12.13.0" @@ -13240,67 +15663,60 @@ }, "node_modules/minimalistic-assert": { "version": "1.0.1", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", + "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==", + "dev": true }, "node_modules/minimatch": { - "version": "3.1.2", + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", "dev": true, - "license": "ISC", "dependencies": { - "brace-expansion": "^1.1.7" + "brace-expansion": "^2.0.1" }, "engines": { - "node": "*" + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" } }, "node_modules/minimist": { "version": "1.2.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", + "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", "dev": true, - "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/minipass": { "version": "7.0.4", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz", + "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==", "dev": true, - "license": "ISC", "engines": { "node": ">=16 || 14 >=14.17" } }, "node_modules/minipass-collect": { - "version": "1.0.2", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/minipass-collect/node_modules/minipass": { - "version": "3.3.6", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-2.0.1.tgz", + "integrity": "sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==", "dev": true, - "license": "ISC", "dependencies": { - "yallist": "^4.0.0" + "minipass": "^7.0.3" }, "engines": { - "node": ">=8" + "node": ">=16 || 14 >=14.17" } }, - "node_modules/minipass-collect/node_modules/yallist": { - "version": "4.0.0", - "dev": true, - "license": "ISC" - }, "node_modules/minipass-fetch": { "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.4.tgz", + "integrity": "sha512-jHAqnA728uUpIaFm7NWsCnqKT6UqZz7GcI/bDpPATuwYyKwJwW0remxSCxUlKiEty+eopHGa3oc8WxgQ1FFJqg==", "dev": true, - "license": "MIT", "dependencies": { "minipass": "^7.0.3", "minipass-sized": "^1.0.3", @@ -13315,8 +15731,9 @@ }, "node_modules/minipass-flush": { "version": "1.0.5", + "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", + "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", "dev": true, - "license": "ISC", "dependencies": { "minipass": "^3.0.0" }, @@ -13326,8 +15743,9 @@ }, "node_modules/minipass-flush/node_modules/minipass": { "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", "dev": true, - "license": "ISC", "dependencies": { "yallist": "^4.0.0" }, @@ -13337,13 +15755,15 @@ }, "node_modules/minipass-flush/node_modules/yallist": { "version": "4.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/minipass-json-stream": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/minipass-json-stream/-/minipass-json-stream-1.0.1.tgz", + "integrity": "sha512-ODqY18UZt/I8k+b7rl2AENgbWE8IDYam+undIJONvigAz8KR5GWblsFTEfQs0WODsjbSXWlm+JHEv8Gr6Tfdbg==", "dev": true, - "license": "MIT", "dependencies": { "jsonparse": "^1.3.1", "minipass": "^3.0.0" @@ -13351,8 +15771,9 @@ }, "node_modules/minipass-json-stream/node_modules/minipass": { "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", "dev": true, - "license": "ISC", "dependencies": { "yallist": "^4.0.0" }, @@ -13362,341 +15783,763 @@ }, "node_modules/minipass-json-stream/node_modules/yallist": { "version": "4.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/minipass-pipeline": { "version": "1.2.4", + "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", + "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-pipeline/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-pipeline/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/minipass-sized": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz", + "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==", "dev": true, - "license": "ISC", "dependencies": { "minipass": "^3.0.0" }, "engines": { - "node": ">=8" + "node": ">=8" + } + }, + "node_modules/minipass-sized/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-sized/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/minizlib": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", + "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/minizlib/node_modules/minipass": { + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minizlib/node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/mixin-deep": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", + "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", + "dev": true, + "dependencies": { + "for-in": "^1.0.2", + "is-extendable": "^1.0.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "dependencies": { + "minimist": "^1.2.6" + }, + "bin": { + "mkdirp": "bin/cmd.js" + } + }, + "node_modules/mrmime": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz", + "integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/multicast-dns": { + "version": "7.2.5", + "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz", + "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==", + "dev": true, + "dependencies": { + "dns-packet": "^5.2.2", + "thunky": "^1.0.2" + }, + "bin": { + "multicast-dns": "cli.js" + } + }, + "node_modules/mute-stdout": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-1.0.1.tgz", + "integrity": "sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg==", + "dev": true, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/mute-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz", + "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==", + "dev": true, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, + "node_modules/nan": { + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.19.0.tgz", + "integrity": "sha512-nO1xXxfh/RWNxfd/XPfbIfFk5vgLsAxUR9y5O0cHMJu/AW9U95JLXqthYHjEp+8gQ5p96K9jUp8nbVOxCdRbtw==", + "dev": true, + "optional": true + }, + "node_modules/nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/nanomatch": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", + "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", + "dev": true, + "dependencies": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "fragment-cache": "^0.2.1", + "is-windows": "^1.0.2", + "kind-of": "^6.0.2", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/nanomatch/node_modules/arr-diff": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/nanomatch/node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true + }, + "node_modules/needle": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz", + "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==", + "dev": true, + "optional": true, + "dependencies": { + "iconv-lite": "^0.6.3", + "sax": "^1.2.4" + }, + "bin": { + "needle": "bin/needle" + }, + "engines": { + "node": ">= 4.4.x" } }, - "node_modules/minipass-pipeline/node_modules/minipass": { - "version": "3.3.6", + "node_modules/needle/node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", "dev": true, - "license": "ISC", + "optional": true, "dependencies": { - "yallist": "^4.0.0" + "safer-buffer": ">= 2.1.2 < 3.0.0" }, "engines": { - "node": ">=8" + "node": ">=0.10.0" } }, - "node_modules/minipass-pipeline/node_modules/yallist": { - "version": "4.0.0", + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", "dev": true, - "license": "ISC" + "engines": { + "node": ">= 0.6" + } }, - "node_modules/minipass-sized": { - "version": "1.0.3", + "node_modules/neo-async": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", + "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", + "dev": true + }, + "node_modules/next-tick": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz", + "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==", + "dev": true + }, + "node_modules/ng-packagr": { + "version": "17.3.0", + "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-17.3.0.tgz", + "integrity": "sha512-kMSqxeDgv88SWCoapWNRRN1UdBgwu9/Pw/j7u2WFGmzrIWUFivNWBBSSL94kMxr2La+Z9wMwiL8EwKNvmCpg2A==", "dev": true, - "license": "ISC", "dependencies": { - "minipass": "^3.0.0" + "@rollup/plugin-json": "^6.0.1", + "@rollup/plugin-node-resolve": "^15.2.3", + "@rollup/wasm-node": "^4.5.0", + "ajv": "^8.12.0", + "ansi-colors": "^4.1.3", + "browserslist": "^4.22.1", + "cacache": "^18.0.0", + "chokidar": "^3.5.3", + "commander": "^12.0.0", + "convert-source-map": "^2.0.0", + "dependency-graph": "^1.0.0", + "esbuild-wasm": "^0.20.0", + "fast-glob": "^3.3.1", + "find-cache-dir": "^3.3.2", + "injection-js": "^2.4.0", + "jsonc-parser": "^3.2.0", + "less": "^4.2.0", + "ora": "^5.1.0", + "piscina": "^4.4.0", + "postcss": "^8.4.31", + "rxjs": "^7.8.1", + "sass": "^1.69.5" + }, + "bin": { + "ng-packagr": "cli/main.js" }, "engines": { - "node": ">=8" + "node": "^18.13.0 || >=20.9.0" + }, + "optionalDependencies": { + "esbuild": "^0.20.0", + "rollup": "^4.5.0" + }, + "peerDependencies": { + "@angular/compiler-cli": "^17.0.0 || ^17.2.0-next.0 || ^17.3.0-next.0", + "tailwindcss": "^2.0.0 || ^3.0.0", + "tslib": "^2.3.0", + "typescript": ">=5.2 <5.5" + }, + "peerDependenciesMeta": { + "tailwindcss": { + "optional": true + } } }, - "node_modules/minipass-sized/node_modules/minipass": { - "version": "3.3.6", + "node_modules/ng-packagr/node_modules/@esbuild/aix-ppc64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz", + "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==", + "cpu": [ + "ppc64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, + "optional": true, + "os": [ + "aix" + ], "engines": { - "node": ">=8" + "node": ">=12" } }, - "node_modules/minipass-sized/node_modules/yallist": { - "version": "4.0.0", + "node_modules/ng-packagr/node_modules/@esbuild/android-arm": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz", + "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==", + "cpu": [ + "arm" + ], "dev": true, - "license": "ISC" + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/minizlib": { - "version": "2.1.2", + "node_modules/ng-packagr/node_modules/@esbuild/android-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz", + "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "minipass": "^3.0.0", - "yallist": "^4.0.0" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">= 8" + "node": ">=12" } }, - "node_modules/minizlib/node_modules/minipass": { - "version": "3.3.6", + "node_modules/ng-packagr/node_modules/@esbuild/android-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz", + "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==", + "cpu": [ + "x64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">=8" + "node": ">=12" } }, - "node_modules/minizlib/node_modules/yallist": { - "version": "4.0.0", + "node_modules/ng-packagr/node_modules/@esbuild/darwin-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz", + "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "ISC" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/mitt": { - "version": "1.2.0", + "node_modules/ng-packagr/node_modules/@esbuild/darwin-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz", + "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/mixin-deep": { - "version": "1.3.2", + "node_modules/ng-packagr/node_modules/@esbuild/freebsd-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz", + "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "for-in": "^1.0.2", - "is-extendable": "^1.0.1" - }, + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/mkdirp": { - "version": "0.5.6", + "node_modules/ng-packagr/node_modules/@esbuild/freebsd-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz", + "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "minimist": "^1.2.6" - }, - "bin": { - "mkdirp": "bin/cmd.js" + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" } }, - "node_modules/mrmime": { - "version": "1.0.1", + "node_modules/ng-packagr/node_modules/@esbuild/linux-arm": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz", + "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==", + "cpu": [ + "arm" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=10" + "node": ">=12" } }, - "node_modules/ms": { - "version": "2.1.2", + "node_modules/ng-packagr/node_modules/@esbuild/linux-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz", + "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/multicast-dns": { - "version": "7.2.5", + "node_modules/ng-packagr/node_modules/@esbuild/linux-ia32": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz", + "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==", + "cpu": [ + "ia32" + ], "dev": true, - "license": "MIT", - "dependencies": { - "dns-packet": "^5.2.2", - "thunky": "^1.0.2" - }, - "bin": { - "multicast-dns": "cli.js" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/mute-stdout": { - "version": "1.0.1", + "node_modules/ng-packagr/node_modules/@esbuild/linux-loong64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz", + "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==", + "cpu": [ + "loong64" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 0.10" + "node": ">=12" } }, - "node_modules/mute-stream": { - "version": "1.0.0", + "node_modules/ng-packagr/node_modules/@esbuild/linux-mips64el": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz", + "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==", + "cpu": [ + "mips64el" + ], "dev": true, - "license": "ISC", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": ">=12" } }, - "node_modules/nan": { - "version": "2.18.0", + "node_modules/ng-packagr/node_modules/@esbuild/linux-ppc64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz", + "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==", + "cpu": [ + "ppc64" + ], "dev": true, - "license": "MIT", - "optional": true + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/nanoid": { - "version": "3.3.7", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } + "node_modules/ng-packagr/node_modules/@esbuild/linux-riscv64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz", + "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" ], - "license": "MIT", - "bin": { - "nanoid": "bin/nanoid.cjs" - }, "engines": { - "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + "node": ">=12" } }, - "node_modules/nanomatch": { - "version": "1.2.13", + "node_modules/ng-packagr/node_modules/@esbuild/linux-s390x": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz", + "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==", + "cpu": [ + "s390x" + ], "dev": true, - "license": "MIT", - "dependencies": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "fragment-cache": "^0.2.1", - "is-windows": "^1.0.2", - "kind-of": "^6.0.2", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/nanomatch/node_modules/arr-diff": { - "version": "4.0.0", + "node_modules/ng-packagr/node_modules/@esbuild/linux-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz", + "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/nanomatch/node_modules/kind-of": { - "version": "6.0.3", + "node_modules/ng-packagr/node_modules/@esbuild/netbsd-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz", + "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], "engines": { - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/natural-compare": { - "version": "1.4.0", - "dev": true, - "license": "MIT" - }, - "node_modules/needle": { - "version": "3.2.0", + "node_modules/ng-packagr/node_modules/@esbuild/openbsd-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz", + "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", "optional": true, - "dependencies": { - "debug": "^3.2.6", - "iconv-lite": "^0.6.3", - "sax": "^1.2.4" - }, - "bin": { - "needle": "bin/needle" - }, + "os": [ + "openbsd" + ], "engines": { - "node": ">= 4.4.x" + "node": ">=12" } }, - "node_modules/needle/node_modules/debug": { - "version": "3.2.7", + "node_modules/ng-packagr/node_modules/@esbuild/sunos-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz", + "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", "optional": true, - "dependencies": { - "ms": "^2.1.1" + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" } }, - "node_modules/needle/node_modules/iconv-lite": { - "version": "0.6.3", + "node_modules/ng-packagr/node_modules/@esbuild/win32-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz", + "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", "optional": true, - "dependencies": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - }, + "os": [ + "win32" + ], "engines": { - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/negotiator": { - "version": "0.6.3", + "node_modules/ng-packagr/node_modules/@esbuild/win32-ia32": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz", + "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==", + "cpu": [ + "ia32" + ], "dev": true, - "license": "MIT", + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">= 0.6" + "node": ">=12" } }, - "node_modules/neo-async": { - "version": "2.6.2", + "node_modules/ng-packagr/node_modules/@esbuild/win32-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz", + "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT" + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/next-tick": { - "version": "1.1.0", - "dev": true, - "license": "ISC" + "node_modules/ng-packagr/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true }, - "node_modules/ng-packagr": { - "version": "17.0.2", + "node_modules/ng-packagr/node_modules/esbuild": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz", + "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==", "dev": true, - "license": "MIT", - "dependencies": { - "@rollup/plugin-json": "^6.0.1", - "@rollup/plugin-node-resolve": "^15.2.3", - "@rollup/wasm-node": "^4.5.0", - "ajv": "^8.12.0", - "ansi-colors": "^4.1.3", - "autoprefixer": "^10.4.16", - "browserslist": "^4.22.1", - "cacache": "^18.0.0", - "chokidar": "^3.5.3", - "commander": "^11.1.0", - "convert-source-map": "^2.0.0", - "dependency-graph": "^0.11.0", - "esbuild-wasm": "^0.19.5", - "fast-glob": "^3.3.1", - "find-cache-dir": "^3.3.2", - "injection-js": "^2.4.0", - "jsonc-parser": "^3.2.0", - "less": "^4.2.0", - "ora": "^5.1.0", - "piscina": "^4.1.0", - "postcss": "^8.4.31", - "postcss-url": "^10.1.3", - "rxjs": "^7.8.1", - "sass": "^1.69.5" - }, + "hasInstallScript": true, + "optional": true, "bin": { - "ng-packagr": "cli/main.js" + "esbuild": "bin/esbuild" }, "engines": { - "node": "^18.13.0 || >=20.9.0" + "node": ">=12" }, "optionalDependencies": { - "esbuild": "^0.19.0", - "rollup": "^4.5.0" - }, - "peerDependencies": { - "@angular/compiler-cli": "^17.0.0 || ^17.0.0-next.0", - "tailwindcss": "^2.0.0 || ^3.0.0", - "tslib": "^2.3.0", - "typescript": ">=5.2 <5.3" - }, - "peerDependenciesMeta": { - "tailwindcss": { - "optional": true - } + "@esbuild/aix-ppc64": "0.20.2", + "@esbuild/android-arm": "0.20.2", + "@esbuild/android-arm64": "0.20.2", + "@esbuild/android-x64": "0.20.2", + "@esbuild/darwin-arm64": "0.20.2", + "@esbuild/darwin-x64": "0.20.2", + "@esbuild/freebsd-arm64": "0.20.2", + "@esbuild/freebsd-x64": "0.20.2", + "@esbuild/linux-arm": "0.20.2", + "@esbuild/linux-arm64": "0.20.2", + "@esbuild/linux-ia32": "0.20.2", + "@esbuild/linux-loong64": "0.20.2", + "@esbuild/linux-mips64el": "0.20.2", + "@esbuild/linux-ppc64": "0.20.2", + "@esbuild/linux-riscv64": "0.20.2", + "@esbuild/linux-s390x": "0.20.2", + "@esbuild/linux-x64": "0.20.2", + "@esbuild/netbsd-x64": "0.20.2", + "@esbuild/openbsd-x64": "0.20.2", + "@esbuild/sunos-x64": "0.20.2", + "@esbuild/win32-arm64": "0.20.2", + "@esbuild/win32-ia32": "0.20.2", + "@esbuild/win32-x64": "0.20.2" } }, - "node_modules/ng-packagr/node_modules/convert-source-map": { - "version": "2.0.0", - "dev": true, - "license": "MIT" - }, "node_modules/ng-packagr/node_modules/find-cache-dir": { "version": "3.3.2", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz", + "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==", "dev": true, - "license": "MIT", "dependencies": { "commondir": "^1.0.1", "make-dir": "^3.0.2", @@ -13711,8 +16554,9 @@ }, "node_modules/ng-packagr/node_modules/make-dir": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", "dev": true, - "license": "MIT", "dependencies": { "semver": "^6.0.0" }, @@ -13725,8 +16569,9 @@ }, "node_modules/ng-packagr/node_modules/pkg-dir": { "version": "4.2.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", + "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", "dev": true, - "license": "MIT", "dependencies": { "find-up": "^4.0.0" }, @@ -13736,17 +16581,19 @@ }, "node_modules/ng-packagr/node_modules/semver": { "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" } }, "node_modules/nice-napi": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", + "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==", "dev": true, "hasInstallScript": true, - "license": "MIT", "optional": true, "os": [ "!win32" @@ -13758,22 +16605,25 @@ }, "node_modules/node-addon-api": { "version": "3.2.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", + "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==", "dev": true, - "license": "MIT", "optional": true }, "node_modules/node-forge": { "version": "1.3.1", + "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", + "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", "dev": true, - "license": "(BSD-3-Clause OR GPL-2.0)", "engines": { "node": ">= 6.13.0" } }, "node_modules/node-gyp": { "version": "10.0.1", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.0.1.tgz", + "integrity": "sha512-gg3/bHehQfZivQVfqIyy8wTdSymF9yTyP4CJifK73imyNMU8AIGQE2pUa7dNWfmMeG9cDVF2eehiRMv0LC1iAg==", "dev": true, - "license": "MIT", "dependencies": { "env-paths": "^2.2.0", "exponential-backoff": "^3.1.1", @@ -13794,9 +16644,10 @@ } }, "node_modules/node-gyp-build": { - "version": "4.7.0", + "version": "4.8.0", + "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.0.tgz", + "integrity": "sha512-u6fs2AEUljNho3EYTJNBfImO5QTo/J/1Etd+NVdCj7qWKUSN/bSLkZwhDv7I+w/MSC6qJ4cknepkAYykDdK8og==", "dev": true, - "license": "MIT", "optional": true, "bin": { "node-gyp-build": "bin.js", @@ -13804,18 +16655,11 @@ "node-gyp-build-test": "build-test.js" } }, - "node_modules/node-gyp/node_modules/brace-expansion": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0" - } - }, "node_modules/node-gyp/node_modules/glob": { "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", "dev": true, - "license": "ISC", "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^2.3.5", @@ -13835,30 +16679,18 @@ }, "node_modules/node-gyp/node_modules/isexe": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", "dev": true, - "license": "ISC", "engines": { "node": ">=16" } }, - "node_modules/node-gyp/node_modules/minimatch": { - "version": "9.0.3", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^2.0.1" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/node-gyp/node_modules/which": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, - "license": "ISC", "dependencies": { "isexe": "^3.1.1" }, @@ -13871,18 +16703,21 @@ }, "node_modules/node-machine-id": { "version": "1.1.12", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/node-machine-id/-/node-machine-id-1.1.12.tgz", + "integrity": "sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==", + "dev": true }, "node_modules/node-releases": { - "version": "2.0.13", - "dev": true, - "license": "MIT" + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", + "dev": true }, "node_modules/nopt": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.0.tgz", + "integrity": "sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==", "dev": true, - "license": "ISC", "dependencies": { "abbrev": "^2.0.0" }, @@ -13895,8 +16730,9 @@ }, "node_modules/normalize-package-data": { "version": "6.0.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.0.tgz", + "integrity": "sha512-UL7ELRVxYBHBgYEtZCXjxuD5vPxnmvMGq0jp/dGPKKrN7tfsBh2IY7TlJ15WWwdjRWD3RJbnsygUurTK3xkPkg==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "hosted-git-info": "^7.0.0", "is-core-module": "^2.8.1", @@ -13909,24 +16745,27 @@ }, "node_modules/normalize-path": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/normalize-range": { "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/now-and-later": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz", + "integrity": "sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==", "dev": true, - "license": "MIT", "dependencies": { "once": "^1.3.2" }, @@ -13936,8 +16775,9 @@ }, "node_modules/npm-bundled": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.0.tgz", + "integrity": "sha512-Vq0eyEQy+elFpzsKjMss9kxqb9tG3YHg4dsyWuUENuzvSUWe1TCnW/vV9FkhvBk/brEDoDiVd+M1Btosa6ImdQ==", "dev": true, - "license": "ISC", "dependencies": { "npm-normalize-package-bin": "^3.0.0" }, @@ -13947,8 +16787,9 @@ }, "node_modules/npm-install-checks": { "version": "6.3.0", + "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.3.0.tgz", + "integrity": "sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "semver": "^7.1.1" }, @@ -13958,16 +16799,18 @@ }, "node_modules/npm-normalize-package-bin": { "version": "3.0.1", + "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz", + "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==", "dev": true, - "license": "ISC", "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/npm-package-arg": { "version": "11.0.1", + "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-11.0.1.tgz", + "integrity": "sha512-M7s1BD4NxdAvBKUPqqRW957Xwcl/4Zvo8Aj+ANrzvIPzGJZElrH7Z//rSaec2ORcND6FHHLnZeY8qgTpXDMFQQ==", "dev": true, - "license": "ISC", "dependencies": { "hosted-git-info": "^7.0.0", "proc-log": "^3.0.0", @@ -13979,11 +16822,12 @@ } }, "node_modules/npm-packlist": { - "version": "8.0.0", + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-8.0.2.tgz", + "integrity": "sha512-shYrPFIS/JLP4oQmAwDyk5HcyysKW8/JLTEA32S0Z5TzvpaeeX2yMFfoK1fjEBnCBvVyIB/Jj/GBFdm0wsgzbA==", "dev": true, - "license": "ISC", "dependencies": { - "ignore-walk": "^6.0.0" + "ignore-walk": "^6.0.4" }, "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" @@ -13991,8 +16835,9 @@ }, "node_modules/npm-pick-manifest": { "version": "9.0.0", + "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-9.0.0.tgz", + "integrity": "sha512-VfvRSs/b6n9ol4Qb+bDwNGUXutpy76x6MARw/XssevE0TnctIKcmklJZM5Z7nqs5z5aW+0S63pgCNbpkUNNXBg==", "dev": true, - "license": "ISC", "dependencies": { "npm-install-checks": "^6.0.0", "npm-normalize-package-bin": "^3.0.0", @@ -14005,8 +16850,9 @@ }, "node_modules/npm-registry-fetch": { "version": "16.1.0", + "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-16.1.0.tgz", + "integrity": "sha512-PQCELXKt8Azvxnt5Y85GseQDJJlglTFM9L9U9gkv2y4e9s0k3GVDdOx3YoB6gm2Do0hlkzC39iCGXby+Wve1Bw==", "dev": true, - "license": "ISC", "dependencies": { "make-fetch-happen": "^13.0.0", "minipass": "^7.0.2", @@ -14022,8 +16868,9 @@ }, "node_modules/npm-run-path": { "version": "4.0.1", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", + "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", "dev": true, - "license": "MIT", "dependencies": { "path-key": "^3.0.0" }, @@ -14033,7 +16880,9 @@ }, "node_modules/nth-check": { "version": "2.1.1", - "license": "BSD-2-Clause", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "dev": true, "dependencies": { "boolbase": "^1.0.0" }, @@ -14043,23 +16892,25 @@ }, "node_modules/number-is-nan": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", + "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/nx": { - "version": "17.0.3", + "version": "18.1.2", + "resolved": "https://registry.npmjs.org/nx/-/nx-18.1.2.tgz", + "integrity": "sha512-E414xp6lVtiTGdDUMVo72G96G66t7oJMqmcHRMEZ/mVq5ZpNWUhfMuRq5Fh8orXPtrM3xk5SHokmmFvo5PKC+g==", "dev": true, "hasInstallScript": true, - "license": "MIT", "dependencies": { - "@nrwl/tao": "17.0.3", + "@nrwl/tao": "18.1.2", "@yarnpkg/lockfile": "^1.1.0", "@yarnpkg/parsers": "3.0.0-rc.46", "@zkochan/js-yaml": "0.0.6", - "axios": "^1.5.1", + "axios": "^1.6.0", "chalk": "^4.1.0", "cli-cursor": "3.1.0", "cli-spinners": "2.6.1", @@ -14070,24 +16921,23 @@ "figures": "3.2.0", "flat": "^5.0.2", "fs-extra": "^11.1.0", - "glob": "7.1.4", "ignore": "^5.0.4", "jest-diff": "^29.4.1", "js-yaml": "4.1.0", "jsonc-parser": "3.2.0", "lines-and-columns": "~2.0.3", - "minimatch": "3.0.5", + "minimatch": "9.0.3", "node-machine-id": "1.1.12", "npm-run-path": "^4.0.1", "open": "^8.4.0", - "semver": "7.5.3", + "ora": "5.3.0", + "semver": "^7.5.3", "string-width": "^4.2.3", "strong-log-transformer": "^2.1.0", "tar-stream": "~2.2.0", "tmp": "~0.2.1", "tsconfig-paths": "^4.1.2", "tslib": "^2.3.0", - "v8-compile-cache": "2.3.0", "yargs": "^17.6.2", "yargs-parser": "21.1.1" }, @@ -14096,19 +16946,19 @@ "nx-cloud": "bin/nx-cloud.js" }, "optionalDependencies": { - "@nx/nx-darwin-arm64": "17.0.3", - "@nx/nx-darwin-x64": "17.0.3", - "@nx/nx-freebsd-x64": "17.0.3", - "@nx/nx-linux-arm-gnueabihf": "17.0.3", - "@nx/nx-linux-arm64-gnu": "17.0.3", - "@nx/nx-linux-arm64-musl": "17.0.3", - "@nx/nx-linux-x64-gnu": "17.0.3", - "@nx/nx-linux-x64-musl": "17.0.3", - "@nx/nx-win32-arm64-msvc": "17.0.3", - "@nx/nx-win32-x64-msvc": "17.0.3" + "@nx/nx-darwin-arm64": "18.1.2", + "@nx/nx-darwin-x64": "18.1.2", + "@nx/nx-freebsd-x64": "18.1.2", + "@nx/nx-linux-arm-gnueabihf": "18.1.2", + "@nx/nx-linux-arm64-gnu": "18.1.2", + "@nx/nx-linux-arm64-musl": "18.1.2", + "@nx/nx-linux-x64-gnu": "18.1.2", + "@nx/nx-linux-x64-musl": "18.1.2", + "@nx/nx-win32-arm64-msvc": "18.1.2", + "@nx/nx-win32-x64-msvc": "18.1.2" }, "peerDependencies": { - "@swc-node/register": "^1.6.7", + "@swc-node/register": "^1.8.0", "@swc/core": "^1.3.85" }, "peerDependenciesMeta": { @@ -14122,8 +16972,9 @@ }, "node_modules/nx/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -14136,23 +16987,15 @@ }, "node_modules/nx/node_modules/argparse": { "version": "2.0.1", - "dev": true, - "license": "Python-2.0" - }, - "node_modules/nx/node_modules/axios": { - "version": "1.6.2", - "dev": true, - "license": "MIT", - "dependencies": { - "follow-redirects": "^1.15.0", - "form-data": "^4.0.0", - "proxy-from-env": "^1.1.0" - } + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true }, "node_modules/nx/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -14166,8 +17009,9 @@ }, "node_modules/nx/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -14177,122 +17021,64 @@ }, "node_modules/nx/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" - }, - "node_modules/nx/node_modules/figures": { - "version": "3.2.0", - "dev": true, - "license": "MIT", - "dependencies": { - "escape-string-regexp": "^1.0.5" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/nx/node_modules/fs-extra": { - "version": "11.1.1", - "dev": true, - "license": "MIT", - "dependencies": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - }, - "engines": { - "node": ">=14.14" - } - }, - "node_modules/nx/node_modules/glob": { - "version": "7.1.4", - "dev": true, - "license": "ISC", - "dependencies": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - }, - "engines": { - "node": "*" - } - }, - "node_modules/nx/node_modules/has-flag": { - "version": "4.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" - } - }, - "node_modules/nx/node_modules/js-yaml": { - "version": "4.1.0", - "dev": true, - "license": "MIT", - "dependencies": { - "argparse": "^2.0.1" - }, - "bin": { - "js-yaml": "bin/js-yaml.js" - } - }, - "node_modules/nx/node_modules/jsonfile": { - "version": "6.1.0", - "dev": true, - "license": "MIT", - "dependencies": { - "universalify": "^2.0.0" - }, - "optionalDependencies": { - "graceful-fs": "^4.1.6" - } + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, - "node_modules/nx/node_modules/lru-cache": { - "version": "6.0.0", + "node_modules/nx/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, "engines": { - "node": ">=10" + "node": ">=8" } }, - "node_modules/nx/node_modules/minimatch": { - "version": "3.0.5", + "node_modules/nx/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", "dev": true, - "license": "ISC", "dependencies": { - "brace-expansion": "^1.1.7" + "argparse": "^2.0.1" }, - "engines": { - "node": "*" + "bin": { + "js-yaml": "bin/js-yaml.js" } }, - "node_modules/nx/node_modules/semver": { - "version": "7.5.3", + "node_modules/nx/node_modules/jsonc-parser": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz", + "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==", + "dev": true + }, + "node_modules/nx/node_modules/ora": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/ora/-/ora-5.3.0.tgz", + "integrity": "sha512-zAKMgGXUim0Jyd6CXK9lraBnD3H5yPGBPPOkC23a2BG6hsm4Zu6OQSjQuEtV0BHDf4aKHcUFvJiGRrFuW3MG8g==", "dev": true, - "license": "ISC", "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" + "bl": "^4.0.3", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-spinners": "^2.5.0", + "is-interactive": "^1.0.0", + "log-symbols": "^4.0.0", + "strip-ansi": "^6.0.0", + "wcwidth": "^1.0.1" }, "engines": { "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/nx/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -14302,8 +17088,9 @@ }, "node_modules/nx/node_modules/tsconfig-paths": { "version": "4.2.0", + "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz", + "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==", "dev": true, - "license": "MIT", "dependencies": { "json5": "^2.2.2", "minimist": "^1.2.6", @@ -14313,31 +17100,20 @@ "node": ">=6" } }, - "node_modules/nx/node_modules/universalify": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 10.0.0" - } - }, - "node_modules/nx/node_modules/yallist": { - "version": "4.0.0", - "dev": true, - "license": "ISC" - }, "node_modules/object-assign": { "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/object-copy": { "version": "0.1.0", + "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", + "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==", "dev": true, - "license": "MIT", "dependencies": { "copy-descriptor": "^0.1.0", "define-property": "^0.2.5", @@ -14349,8 +17125,9 @@ }, "node_modules/object-copy/node_modules/define-property": { "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^0.1.0" }, @@ -14360,8 +17137,9 @@ }, "node_modules/object-copy/node_modules/is-descriptor": { "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, - "license": "MIT", "dependencies": { "is-accessor-descriptor": "^1.0.1", "is-data-descriptor": "^1.0.1" @@ -14372,8 +17150,9 @@ }, "node_modules/object-copy/node_modules/kind-of": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -14383,19 +17162,21 @@ }, "node_modules/object-inspect": { "version": "1.13.1", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", + "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==", "dev": true, - "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/object-is": { - "version": "1.1.5", + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz", + "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.3" + "call-bind": "^1.0.7", + "define-properties": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -14406,16 +17187,18 @@ }, "node_modules/object-keys": { "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" } }, "node_modules/object-visit": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", + "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==", "dev": true, - "license": "MIT", "dependencies": { "isobject": "^3.0.0" }, @@ -14424,12 +17207,13 @@ } }, "node_modules/object.assign": { - "version": "4.1.4", + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz", + "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", + "call-bind": "^1.0.5", + "define-properties": "^1.2.1", "has-symbols": "^1.0.3", "object-keys": "^1.1.1" }, @@ -14442,8 +17226,9 @@ }, "node_modules/object.defaults": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz", + "integrity": "sha512-c/K0mw/F11k4dEUBMW8naXUuBuhxRCfG7W+yFy8EcijU/rSmazOUd1XAEEe6bC0OuXY4HUKjTJv7xbxIMqdxrA==", "dev": true, - "license": "MIT", "dependencies": { "array-each": "^1.0.1", "array-slice": "^1.0.0", @@ -14455,13 +17240,15 @@ } }, "node_modules/object.fromentries": { - "version": "2.0.7", + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz", + "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1" + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.2", + "es-object-atoms": "^1.0.0" }, "engines": { "node": ">= 0.4" @@ -14471,20 +17258,24 @@ } }, "node_modules/object.groupby": { - "version": "1.0.1", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz", + "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1", - "get-intrinsic": "^1.2.1" + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.2" + }, + "engines": { + "node": ">= 0.4" } }, "node_modules/object.map": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz", + "integrity": "sha512-3+mAJu2PLfnSVGHwIWubpOFLscJANBKuB/6A4CxBstc4aqwQY0FWcsppuy4jU5GSB95yES5JHSI+33AWuS4k6w==", "dev": true, - "license": "MIT", "dependencies": { "for-own": "^1.0.0", "make-iterator": "^1.0.0" @@ -14495,8 +17286,9 @@ }, "node_modules/object.pick": { "version": "1.3.0", + "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", + "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==", "dev": true, - "license": "MIT", "dependencies": { "isobject": "^3.0.1" }, @@ -14506,8 +17298,9 @@ }, "node_modules/object.reduce": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object.reduce/-/object.reduce-1.0.1.tgz", + "integrity": "sha512-naLhxxpUESbNkRqc35oQ2scZSJueHGQNUfMW/0U37IgN6tE2dgDWg3whf+NEliy3F/QysrO48XKUz/nGPe+AQw==", "dev": true, - "license": "MIT", "dependencies": { "for-own": "^1.0.0", "make-iterator": "^1.0.0" @@ -14517,13 +17310,14 @@ } }, "node_modules/object.values": { - "version": "1.1.7", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz", + "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1" + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-object-atoms": "^1.0.0" }, "engines": { "node": ">= 0.4" @@ -14534,13 +17328,15 @@ }, "node_modules/obuf": { "version": "1.1.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz", + "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==", + "dev": true }, "node_modules/on-finished": { "version": "2.4.1", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", + "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", "dev": true, - "license": "MIT", "dependencies": { "ee-first": "1.1.1" }, @@ -14550,24 +17346,27 @@ }, "node_modules/on-headers": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz", + "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/once": { "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", "dev": true, - "license": "ISC", "dependencies": { "wrappy": "1" } }, "node_modules/onetime": { "version": "5.1.2", + "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", + "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", "dev": true, - "license": "MIT", "dependencies": { "mimic-fn": "^2.1.0" }, @@ -14580,8 +17379,9 @@ }, "node_modules/open": { "version": "8.4.2", + "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", + "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", "dev": true, - "license": "MIT", "dependencies": { "define-lazy-prop": "^2.0.0", "is-docker": "^2.1.1", @@ -14594,34 +17394,11 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/openurl": { - "version": "1.1.1", - "dev": true, - "license": "MIT" - }, - "node_modules/opn": { - "version": "5.3.0", - "dev": true, - "license": "MIT", - "dependencies": { - "is-wsl": "^1.1.0" - }, - "engines": { - "node": ">=4" - } - }, - "node_modules/opn/node_modules/is-wsl": { - "version": "1.1.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=4" - } - }, "node_modules/optimist": { "version": "0.6.1", + "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz", + "integrity": "sha512-snN4O4TkigujZphWLN0E//nQmm7790RYaE53DdL7ZYwee2D8DDo9/EyYiKUfN3rneWUjhJnueija3G9I2i0h3g==", "dev": true, - "license": "MIT/X11", "peer": true, "dependencies": { "minimist": "~0.0.1", @@ -14630,14 +17407,16 @@ }, "node_modules/optimist/node_modules/minimist": { "version": "0.0.10", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz", + "integrity": "sha512-iotkTvxc+TwOm5Ieim8VnSNvCDjCK9S8G3scJ50ZthspSxa7jx50jkhYduuAtAjvfDUwSgOwf8+If99AlOEhyw==", "dev": true, - "license": "MIT", "peer": true }, "node_modules/optionator": { "version": "0.9.3", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", + "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==", "dev": true, - "license": "MIT", "dependencies": { "@aashutoshrathi/word-wrap": "^1.2.3", "deep-is": "^0.1.3", @@ -14652,8 +17431,9 @@ }, "node_modules/ora": { "version": "5.4.1", + "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", + "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", "dev": true, - "license": "MIT", "dependencies": { "bl": "^4.1.0", "chalk": "^4.1.0", @@ -14674,8 +17454,9 @@ }, "node_modules/ora/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -14688,8 +17469,9 @@ }, "node_modules/ora/node_modules/chalk": { "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -14703,8 +17485,9 @@ }, "node_modules/ora/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -14714,32 +17497,24 @@ }, "node_modules/ora/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/ora/node_modules/has-flag": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, - "node_modules/ora/node_modules/is-unicode-supported": { - "version": "0.1.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/ora/node_modules/supports-color": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -14749,16 +17524,18 @@ }, "node_modules/ordered-read-streams": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz", + "integrity": "sha512-Z87aSjx3r5c0ZB7bcJqIgIRX5bxR7A4aSzvIbaxd0oTkWBCOoKfuGHiKj60CHVUgg1Phm5yMZzBdt8XqRs73Mw==", "dev": true, - "license": "MIT", "dependencies": { "readable-stream": "^2.0.1" } }, "node_modules/os-locale": { "version": "1.4.0", + "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", + "integrity": "sha512-PRT7ZORmwu2MEFt4/fv3Q+mEfN4zetKxufQrkShY2oGvUms9r8otu5HfdyIFHkYXjO7laNsoVGmM2MANfuTA8g==", "dev": true, - "license": "MIT", "dependencies": { "lcid": "^1.0.0" }, @@ -14768,16 +17545,18 @@ }, "node_modules/os-tmpdir": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/p-limit": { "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", "dev": true, - "license": "MIT", "dependencies": { "p-try": "^2.0.0" }, @@ -14790,8 +17569,9 @@ }, "node_modules/p-locate": { "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", "dev": true, - "license": "MIT", "dependencies": { "p-limit": "^2.2.0" }, @@ -14801,8 +17581,9 @@ }, "node_modules/p-map": { "version": "5.5.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-5.5.0.tgz", + "integrity": "sha512-VFqfGDHlx87K66yZrNdI4YGtD70IRyd+zSvgks6mzHPRNkoKy+9EKP4SFC77/vTTQYmRmti7dvqC+m5jBrBAcg==", "dev": true, - "license": "MIT", "dependencies": { "aggregate-error": "^4.0.0" }, @@ -14815,8 +17596,9 @@ }, "node_modules/p-retry": { "version": "4.6.2", + "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz", + "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==", "dev": true, - "license": "MIT", "dependencies": { "@types/retry": "0.12.0", "retry": "^0.13.1" @@ -14827,24 +17609,27 @@ }, "node_modules/p-retry/node_modules/retry": { "version": "0.13.1", + "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz", + "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 4" } }, "node_modules/p-try": { "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/pacote": { - "version": "17.0.4", + "version": "17.0.6", + "resolved": "https://registry.npmjs.org/pacote/-/pacote-17.0.6.tgz", + "integrity": "sha512-cJKrW21VRE8vVTRskJo78c/RCvwJCn1f4qgfxL4w77SOWrTCRcmfkYHlHtS0gqpgjv3zhXflRtgsrUCX5xwNnQ==", "dev": true, - "license": "ISC", "dependencies": { "@npmcli/git": "^5.0.0", "@npmcli/installed-package-contents": "^2.0.1", @@ -14861,7 +17646,7 @@ "promise-retry": "^2.0.1", "read-package-json": "^7.0.0", "read-package-json-fast": "^3.0.0", - "sigstore": "^2.0.0", + "sigstore": "^2.2.0", "ssri": "^10.0.0", "tar": "^6.1.11" }, @@ -14872,20 +17657,17 @@ "node": "^16.14.0 || >=18.0.0" } }, - "node_modules/pako": { - "version": "1.0.11", - "dev": true, - "license": "(MIT AND Zlib)" - }, "node_modules/parchment": { "version": "1.1.4", - "dev": true, - "license": "BSD-3-Clause" + "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz", + "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==", + "dev": true }, "node_modules/parent-module": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", "dev": true, - "license": "MIT", "dependencies": { "callsites": "^3.0.0" }, @@ -14895,8 +17677,9 @@ }, "node_modules/parse-filepath": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz", + "integrity": "sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==", "dev": true, - "license": "MIT", "dependencies": { "is-absolute": "^1.0.0", "map-cache": "^0.2.0", @@ -14908,8 +17691,9 @@ }, "node_modules/parse-json": { "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/code-frame": "^7.0.0", "error-ex": "^1.3.1", @@ -14923,31 +17707,41 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/parse-json/node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, "node_modules/parse-json/node_modules/lines-and-columns": { "version": "1.2.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true }, "node_modules/parse-node-version": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz", + "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/parse-passwd": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz", + "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/parse5": { "version": "7.1.2", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz", + "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==", "dev": true, - "license": "MIT", "dependencies": { "entities": "^4.4.0" }, @@ -14957,8 +17751,9 @@ }, "node_modules/parse5-html-rewriting-stream": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-7.0.0.tgz", + "integrity": "sha512-mazCyGWkmCRWDI15Zp+UiCqMp/0dgEmkZRvhlsqqKYr4SsVm/TvnSpD9fCvqCA2zoWJcfRym846ejWBBHRiYEg==", "dev": true, - "license": "MIT", "dependencies": { "entities": "^4.3.0", "parse5": "^7.0.0", @@ -14970,8 +17765,9 @@ }, "node_modules/parse5-sax-parser": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-7.0.0.tgz", + "integrity": "sha512-5A+v2SNsq8T6/mG3ahcz8ZtQ0OUFTatxPbeidoMB7tkJSGDY3tdfl4MHovtLQHkEn5CGxijNWRQHhRQ6IRpXKg==", "dev": true, - "license": "MIT", "dependencies": { "parse5": "^7.0.0" }, @@ -14981,58 +17777,66 @@ }, "node_modules/parseurl": { "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/pascalcase": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", + "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/path-dirname": { "version": "1.0.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", + "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==", + "dev": true }, "node_modules/path-exists": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/path-is-absolute": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/path-key": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/path-parse": { "version": "1.0.7", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true }, "node_modules/path-root": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz", + "integrity": "sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==", "dev": true, - "license": "MIT", "dependencies": { "path-root-regex": "^0.1.0" }, @@ -15042,16 +17846,18 @@ }, "node_modules/path-root-regex": { "version": "0.1.2", + "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz", + "integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/path-scurry": { "version": "1.10.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", + "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", "dev": true, - "license": "BlueOak-1.0.0", "dependencies": { "lru-cache": "^9.1.1 || ^10.0.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" @@ -15064,42 +17870,49 @@ } }, "node_modules/path-scurry/node_modules/lru-cache": { - "version": "10.1.0", + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", "dev": true, - "license": "ISC", "engines": { "node": "14 || >=16.14" } }, "node_modules/path-to-regexp": { "version": "0.1.7", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==", + "dev": true }, "node_modules/path-type": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/performance-now": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==", "dev": true, - "license": "MIT", "optional": true }, "node_modules/picocolors": { "version": "1.0.0", - "license": "ISC" + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true }, "node_modules/picomatch": { - "version": "3.0.1", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.1.tgz", + "integrity": "sha512-xUXwsxNjwTQ8K3GnT4pCJm+xq3RUPQbmkYJTP5aFIfNIvbcc/4MUxgBaaRSZJ6yGJZiGSyYlM6MzwTsRk8SYCg==", "dev": true, - "license": "MIT", "engines": { - "node": ">=10" + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/jonschlinkert" @@ -15107,24 +17920,27 @@ }, "node_modules/pify": { "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/pinkie": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", + "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/pinkie-promise": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", + "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==", "dev": true, - "license": "MIT", "dependencies": { "pinkie": "^2.0.0" }, @@ -15133,22 +17949,19 @@ } }, "node_modules/piscina": { - "version": "4.1.0", + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.4.0.tgz", + "integrity": "sha512-+AQduEJefrOApE4bV7KRmp3N2JnnyErlVqq4P/jmko4FPz9Z877BCccl/iB3FdrWSUkvbGV9Kan/KllJgat3Vg==", "dev": true, - "license": "MIT", - "dependencies": { - "eventemitter-asyncresource": "^1.0.0", - "hdr-histogram-js": "^2.0.1", - "hdr-histogram-percentiles-obj": "^3.0.0" - }, "optionalDependencies": { "nice-napi": "^1.0.2" } }, "node_modules/pkg-dir": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz", + "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==", "dev": true, - "license": "MIT", "dependencies": { "find-up": "^6.3.0" }, @@ -15161,8 +17974,9 @@ }, "node_modules/pkg-dir/node_modules/find-up": { "version": "6.3.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz", + "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==", "dev": true, - "license": "MIT", "dependencies": { "locate-path": "^7.1.0", "path-exists": "^5.0.0" @@ -15176,8 +17990,9 @@ }, "node_modules/pkg-dir/node_modules/locate-path": { "version": "7.2.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz", + "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==", "dev": true, - "license": "MIT", "dependencies": { "p-locate": "^6.0.0" }, @@ -15190,8 +18005,9 @@ }, "node_modules/pkg-dir/node_modules/p-limit": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz", + "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==", "dev": true, - "license": "MIT", "dependencies": { "yocto-queue": "^1.0.0" }, @@ -15204,8 +18020,9 @@ }, "node_modules/pkg-dir/node_modules/p-locate": { "version": "6.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz", + "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==", "dev": true, - "license": "MIT", "dependencies": { "p-limit": "^4.0.0" }, @@ -15218,16 +18035,18 @@ }, "node_modules/pkg-dir/node_modules/path-exists": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz", + "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==", "dev": true, - "license": "MIT", "engines": { "node": "^12.20.0 || ^14.13.1 || >=16.0.0" } }, "node_modules/pkg-dir/node_modules/yocto-queue": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz", + "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==", "dev": true, - "license": "MIT", "engines": { "node": ">=12.20" }, @@ -15237,8 +18056,9 @@ }, "node_modules/plugin-error": { "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha512-WzZHcm4+GO34sjFMxQMqZbsz3xiNEgonCskQ9v+IroMmYgk/tas8dG+Hr2D6IbRPybZ12oWpzE/w3cGJ6FJzOw==", "dev": true, - "license": "MIT", "dependencies": { "ansi-cyan": "^0.1.1", "ansi-red": "^0.1.1", @@ -15252,8 +18072,9 @@ }, "node_modules/plugin-error/node_modules/extend-shallow": { "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^1.1.0" }, @@ -15263,43 +18084,36 @@ }, "node_modules/plugin-error/node_modules/kind-of": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, - "node_modules/portscanner": { - "version": "2.2.0", + "node_modules/posix-character-classes": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", + "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==", "dev": true, - "license": "MIT", - "dependencies": { - "async": "^2.6.0", - "is-number-like": "^1.0.3" - }, "engines": { - "node": ">=0.4", - "npm": ">=1.0.0" - } - }, - "node_modules/portscanner/node_modules/async": { - "version": "2.6.4", - "dev": true, - "license": "MIT", - "dependencies": { - "lodash": "^4.17.14" + "node": ">=0.10.0" } }, - "node_modules/posix-character-classes": { - "version": "0.1.1", + "node_modules/possible-typed-array-names": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz", + "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==", "dev": true, - "license": "MIT", "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/postcss": { - "version": "8.4.31", + "version": "8.4.35", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz", + "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==", + "dev": true, "funding": [ { "type": "opencollective", @@ -15314,9 +18128,8 @@ "url": "https://github.com/sponsors/ai" } ], - "license": "MIT", "dependencies": { - "nanoid": "^3.3.6", + "nanoid": "^3.3.7", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" }, @@ -15325,30 +18138,47 @@ } }, "node_modules/postcss-loader": { - "version": "7.3.3", + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz", + "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==", "dev": true, - "license": "MIT", "dependencies": { - "cosmiconfig": "^8.2.0", - "jiti": "^1.18.2", - "semver": "^7.3.8" + "cosmiconfig": "^9.0.0", + "jiti": "^1.20.0", + "semver": "^7.5.4" }, "engines": { - "node": ">= 14.15.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" }, "peerDependencies": { + "@rspack/core": "0.x || 1.x", "postcss": "^7.0.0 || ^8.0.1", "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } } }, + "node_modules/postcss-media-query-parser": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", + "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==", + "dev": true + }, "node_modules/postcss-modules-extract-imports": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", + "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", "dev": true, - "license": "ISC", "engines": { "node": "^10 || ^12 || >= 14" }, @@ -15357,9 +18187,10 @@ } }, "node_modules/postcss-modules-local-by-default": { - "version": "4.0.3", + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.4.tgz", + "integrity": "sha512-L4QzMnOdVwRm1Qb8m4x8jsZzKAaPAgrUF1r/hjDR2Xj7R+8Zsf97jAlSQzWtKx5YNiNGN8QxmPFIc/sh+RQl+Q==", "dev": true, - "license": "MIT", "dependencies": { "icss-utils": "^5.0.0", "postcss-selector-parser": "^6.0.2", @@ -15373,9 +18204,10 @@ } }, "node_modules/postcss-modules-scope": { - "version": "3.0.0", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.1.1.tgz", + "integrity": "sha512-uZgqzdTleelWjzJY+Fhti6F3C9iF1JR/dODLs/JDefozYcKTBCdD8BIl6nNPbTbcLnGrk56hzwZC2DaGNvYjzA==", "dev": true, - "license": "ISC", "dependencies": { "postcss-selector-parser": "^6.0.4" }, @@ -15388,8 +18220,9 @@ }, "node_modules/postcss-modules-values": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz", + "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==", "dev": true, - "license": "ISC", "dependencies": { "icss-utils": "^5.0.0" }, @@ -15401,9 +18234,10 @@ } }, "node_modules/postcss-selector-parser": { - "version": "6.0.13", + "version": "6.0.16", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz", + "integrity": "sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==", "dev": true, - "license": "MIT", "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -15412,75 +18246,17 @@ "node": ">=4" } }, - "node_modules/postcss-url": { - "version": "10.1.3", - "dev": true, - "license": "MIT", - "dependencies": { - "make-dir": "~3.1.0", - "mime": "~2.5.2", - "minimatch": "~3.0.4", - "xxhashjs": "~0.2.2" - }, - "engines": { - "node": ">=10" - }, - "peerDependencies": { - "postcss": "^8.0.0" - } - }, - "node_modules/postcss-url/node_modules/make-dir": { - "version": "3.1.0", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/postcss-url/node_modules/mime": { - "version": "2.5.2", - "dev": true, - "license": "MIT", - "bin": { - "mime": "cli.js" - }, - "engines": { - "node": ">=4.0.0" - } - }, - "node_modules/postcss-url/node_modules/minimatch": { - "version": "3.0.8", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^1.1.7" - }, - "engines": { - "node": "*" - } - }, - "node_modules/postcss-url/node_modules/semver": { - "version": "6.3.1", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - } - }, "node_modules/postcss-value-parser": { "version": "4.2.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true }, "node_modules/preact": { - "version": "10.19.2", - "license": "MIT", + "version": "10.20.0", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.20.0.tgz", + "integrity": "sha512-wU7iZw2BjsaKDal3pDRDy/HpPB6cuFOnVUCcw9aIPKG98+ZrXx3F+szkos8BVME5bquyKDKvRlOJFG8kMkcAbg==", + "dev": true, "funding": { "type": "opencollective", "url": "https://opencollective.com/preact" @@ -15488,16 +18264,18 @@ }, "node_modules/prelude-ls": { "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8.0" } }, "node_modules/prettier": { "version": "2.8.8", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz", + "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==", "dev": true, - "license": "MIT", "bin": { "prettier": "bin-prettier.js" }, @@ -15508,20 +18286,11 @@ "url": "https://github.com/prettier/prettier?sponsor=1" } }, - "node_modules/pretty-bytes": { - "version": "5.6.0", - "license": "MIT", - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/pretty-format": { "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", "dev": true, - "license": "MIT", "dependencies": { "@jest/schemas": "^29.6.3", "ansi-styles": "^5.0.0", @@ -15533,8 +18302,9 @@ }, "node_modules/pretty-format/node_modules/ansi-styles": { "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -15544,52 +18314,60 @@ }, "node_modules/pretty-hrtime": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/primeflex": { "version": "3.3.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.3.1.tgz", + "integrity": "sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==", + "dev": true }, "node_modules/primeicons": { "version": "6.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz", + "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA==", + "dev": true }, "node_modules/prismjs": { "version": "1.29.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz", + "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/proc-log": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-3.0.0.tgz", + "integrity": "sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==", "dev": true, - "license": "ISC", "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/process-nextick-args": { "version": "2.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true }, "node_modules/promise-inflight": { "version": "1.0.1", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", + "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==", + "dev": true }, "node_modules/promise-retry": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", + "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==", "dev": true, - "license": "MIT", "dependencies": { "err-code": "^2.0.2", "retry": "^0.12.0" @@ -15600,8 +18378,9 @@ }, "node_modules/proxy-addr": { "version": "2.0.7", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", + "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", "dev": true, - "license": "MIT", "dependencies": { "forwarded": "0.2.0", "ipaddr.js": "1.9.1" @@ -15612,19 +18391,22 @@ }, "node_modules/proxy-from-env": { "version": "1.1.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "dev": true }, "node_modules/prr": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", + "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", "dev": true, - "license": "MIT", "optional": true }, "node_modules/pump": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", + "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", "dev": true, - "license": "MIT", "dependencies": { "end-of-stream": "^1.1.0", "once": "^1.3.1" @@ -15632,8 +18414,9 @@ }, "node_modules/pumpify": { "version": "1.5.1", + "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz", + "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", "dev": true, - "license": "MIT", "dependencies": { "duplexify": "^3.6.0", "inherits": "^2.0.3", @@ -15642,24 +18425,27 @@ }, "node_modules/punycode": { "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/qjobs": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz", + "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.9" } }, "node_modules/qs": { "version": "6.11.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", + "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "side-channel": "^1.0.4" }, @@ -15672,6 +18458,8 @@ }, "node_modules/queue-microtask": { "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", "dev": true, "funding": [ { @@ -15686,13 +18474,13 @@ "type": "consulting", "url": "https://feross.org/support" } - ], - "license": "MIT" + ] }, "node_modules/quill": { "version": "1.3.7", + "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz", + "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "clone": "^2.1.1", "deep-equal": "^1.0.1", @@ -15704,8 +18492,9 @@ }, "node_modules/quill-delta": { "version": "3.6.3", + "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz", + "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==", "dev": true, - "license": "MIT", "dependencies": { "deep-equal": "^1.0.1", "extend": "^3.0.2", @@ -15717,13 +18506,15 @@ }, "node_modules/quill/node_modules/eventemitter3": { "version": "2.0.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz", + "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==", + "dev": true }, "node_modules/raf": { "version": "3.4.1", + "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz", + "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "performance-now": "^2.1.0" @@ -15731,24 +18522,27 @@ }, "node_modules/randombytes": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", + "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", "dev": true, - "license": "MIT", "dependencies": { "safe-buffer": "^5.1.0" } }, "node_modules/range-parser": { "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/raw-body": { "version": "2.5.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", + "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", "dev": true, - "license": "MIT", "dependencies": { "bytes": "3.1.2", "http-errors": "2.0.0", @@ -15761,13 +18555,15 @@ }, "node_modules/react-is": { "version": "18.2.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", + "dev": true }, "node_modules/read-package-json": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-7.0.0.tgz", + "integrity": "sha512-uL4Z10OKV4p6vbdvIXB+OzhInYtIozl/VxUBPgNkBuUi2DeRonnuspmaVAMcrkmfjKGNmRndyQAbE7/AmzGwFg==", "dev": true, - "license": "ISC", "dependencies": { "glob": "^10.2.2", "json-parse-even-better-errors": "^3.0.0", @@ -15780,8 +18576,9 @@ }, "node_modules/read-package-json-fast": { "version": "3.0.2", + "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-3.0.2.tgz", + "integrity": "sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==", "dev": true, - "license": "ISC", "dependencies": { "json-parse-even-better-errors": "^3.0.0", "npm-normalize-package-bin": "^3.0.0" @@ -15790,26 +18587,11 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/read-package-json-fast/node_modules/json-parse-even-better-errors": { - "version": "3.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/read-package-json/node_modules/brace-expansion": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0" - } - }, "node_modules/read-package-json/node_modules/glob": { "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", "dev": true, - "license": "ISC", "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^2.3.5", @@ -15817,31 +18599,9 @@ "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", "path-scurry": "^1.10.1" }, - "bin": { - "glob": "dist/esm/bin.mjs" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/read-package-json/node_modules/json-parse-even-better-errors": { - "version": "3.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/read-package-json/node_modules/minimatch": { - "version": "9.0.3", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^2.0.1" - }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, "engines": { "node": ">=16 || 14 >=14.17" }, @@ -15851,8 +18611,9 @@ }, "node_modules/read-pkg": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", + "integrity": "sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==", "dev": true, - "license": "MIT", "dependencies": { "load-json-file": "^1.0.0", "normalize-package-data": "^2.3.2", @@ -15864,8 +18625,9 @@ }, "node_modules/read-pkg-up": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", + "integrity": "sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==", "dev": true, - "license": "MIT", "dependencies": { "find-up": "^1.0.0", "read-pkg": "^1.0.0" @@ -15876,8 +18638,9 @@ }, "node_modules/read-pkg-up/node_modules/find-up": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", + "integrity": "sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==", "dev": true, - "license": "MIT", "dependencies": { "path-exists": "^2.0.0", "pinkie-promise": "^2.0.0" @@ -15888,8 +18651,9 @@ }, "node_modules/read-pkg-up/node_modules/path-exists": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", + "integrity": "sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==", "dev": true, - "license": "MIT", "dependencies": { "pinkie-promise": "^2.0.0" }, @@ -15899,13 +18663,15 @@ }, "node_modules/read-pkg/node_modules/hosted-git-info": { "version": "2.8.9", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", + "dev": true }, "node_modules/read-pkg/node_modules/normalize-package-data": { "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "hosted-git-info": "^2.1.4", "resolve": "^1.10.0", @@ -15915,8 +18681,9 @@ }, "node_modules/read-pkg/node_modules/path-type": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", + "integrity": "sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.1.2", "pify": "^2.0.0", @@ -15928,16 +18695,18 @@ }, "node_modules/read-pkg/node_modules/semver": { "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver" } }, "node_modules/readable-stream": { "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", "dev": true, - "license": "MIT", "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", @@ -15950,13 +18719,15 @@ }, "node_modules/readable-stream/node_modules/safe-buffer": { "version": "5.1.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true }, "node_modules/readdirp": { "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", "dev": true, - "license": "MIT", "dependencies": { "picomatch": "^2.2.1" }, @@ -15966,8 +18737,9 @@ }, "node_modules/readdirp/node_modules/picomatch": { "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true, - "license": "MIT", "engines": { "node": ">=8.6" }, @@ -15977,6 +18749,8 @@ }, "node_modules/rechoir": { "version": "0.6.2", + "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", + "integrity": "sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==", "dev": true, "dependencies": { "resolve": "^1.1.6" @@ -15986,19 +18760,22 @@ } }, "node_modules/reflect-metadata": { - "version": "0.1.13", - "dev": true, - "license": "Apache-2.0" + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.1.tgz", + "integrity": "sha512-i5lLI6iw9AU3Uu4szRNPPEkomnkjRTaVt9hy/bn5g/oSzekBSMeLZblcjP74AW0vBabqERLLIrz+gR8QYR54Tw==", + "dev": true }, "node_modules/regenerate": { "version": "1.4.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", + "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==", + "dev": true }, "node_modules/regenerate-unicode-properties": { "version": "10.1.1", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz", + "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==", "dev": true, - "license": "MIT", "dependencies": { "regenerate": "^1.4.2" }, @@ -16007,22 +18784,25 @@ } }, "node_modules/regenerator-runtime": { - "version": "0.14.0", - "dev": true, - "license": "MIT" + "version": "0.14.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", + "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==", + "dev": true }, "node_modules/regenerator-transform": { "version": "0.15.2", + "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz", + "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/runtime": "^7.8.4" } }, "node_modules/regex-not": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", + "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", "dev": true, - "license": "MIT", "dependencies": { "extend-shallow": "^3.0.2", "safe-regex": "^1.1.0" @@ -16032,18 +18812,21 @@ } }, "node_modules/regex-parser": { - "version": "2.2.11", - "dev": true, - "license": "MIT" + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz", + "integrity": "sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==", + "dev": true }, "node_modules/regexp.prototype.flags": { - "version": "1.5.1", + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz", + "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "set-function-name": "^2.0.0" + "call-bind": "^1.0.6", + "define-properties": "^1.2.1", + "es-errors": "^1.3.0", + "set-function-name": "^2.0.1" }, "engines": { "node": ">= 0.4" @@ -16054,8 +18837,9 @@ }, "node_modules/regexpu-core": { "version": "5.3.2", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz", + "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/regjsgen": "^0.8.0", "regenerate": "^1.4.2", @@ -16070,8 +18854,9 @@ }, "node_modules/regjsparser": { "version": "0.9.1", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz", + "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "jsesc": "~0.5.0" }, @@ -16081,6 +18866,8 @@ }, "node_modules/regjsparser/node_modules/jsesc": { "version": "0.5.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==", "dev": true, "bin": { "jsesc": "bin/jsesc" @@ -16088,8 +18875,9 @@ }, "node_modules/remove-bom-buffer": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", + "integrity": "sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5", "is-utf8": "^0.2.1" @@ -16100,8 +18888,9 @@ }, "node_modules/remove-bom-stream": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz", + "integrity": "sha512-wigO8/O08XHb8YPzpDDT+QmRANfW6vLqxfaXm1YXhnFf3AkSLyjfG3GEFg4McZkmgL7KvCj5u2KczkvSP6NfHA==", "dev": true, - "license": "MIT", "dependencies": { "remove-bom-buffer": "^3.0.0", "safe-buffer": "^5.1.0", @@ -16113,37 +18902,42 @@ }, "node_modules/remove-trailing-separator": { "version": "1.1.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", + "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==", + "dev": true }, "node_modules/repeat-element": { "version": "1.1.4", + "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz", + "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/repeat-string": { "version": "1.6.1", + "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", + "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10" } }, "node_modules/replace-ext": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz", + "integrity": "sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/replace-homedir": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-homedir/-/replace-homedir-1.0.0.tgz", + "integrity": "sha512-CHPV/GAglbIB1tnQgaiysb8H2yCy8WQ7lcEwQ/eT+kLj0QHV8LnJW0zpqpE7RSkrMSRoa+EBoag86clf7WAgSg==", "dev": true, - "license": "MIT", "dependencies": { "homedir-polyfill": "^1.0.1", "is-absolute": "^1.0.0", @@ -16155,34 +18949,39 @@ }, "node_modules/require-directory": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/require-from-string": { "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/require-main-filename": { "version": "1.0.1", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug==", + "dev": true }, "node_modules/requires-port": { "version": "1.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", + "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", + "dev": true }, "node_modules/resolve": { "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", "dev": true, - "license": "MIT", "dependencies": { "is-core-module": "^2.13.0", "path-parse": "^1.0.7", @@ -16197,8 +18996,9 @@ }, "node_modules/resolve-dir": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz", + "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==", "dev": true, - "license": "MIT", "dependencies": { "expand-tilde": "^2.0.0", "global-modules": "^1.0.0" @@ -16209,16 +19009,18 @@ }, "node_modules/resolve-from": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/resolve-options": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/resolve-options/-/resolve-options-1.1.0.tgz", + "integrity": "sha512-NYDgziiroVeDC29xq7bp/CacZERYsA9bXYd1ZmcJlF3BcrZv5pTb4NG7SjdyKDnXZ84aC4vo2u6sNKIA1LCu/A==", "dev": true, - "license": "MIT", "dependencies": { "value-or-function": "^3.0.0" }, @@ -16228,13 +19030,16 @@ }, "node_modules/resolve-url": { "version": "0.2.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", + "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==", + "deprecated": "https://github.com/lydell/resolve-url#deprecated", + "dev": true }, "node_modules/resolve-url-loader": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz", + "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==", "dev": true, - "license": "MIT", "dependencies": { "adjust-sourcemap-loader": "^4.0.0", "convert-source-map": "^1.7.0", @@ -16248,8 +19053,9 @@ }, "node_modules/resolve-url-loader/node_modules/loader-utils": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", + "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", "dev": true, - "license": "MIT", "dependencies": { "big.js": "^5.2.2", "emojis-list": "^3.0.0", @@ -16261,40 +19067,18 @@ }, "node_modules/resolve-url-loader/node_modules/source-map": { "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, - "node_modules/resp-modifier": { - "version": "6.0.2", - "dev": true, - "dependencies": { - "debug": "^2.2.0", - "minimatch": "^3.0.2" - }, - "engines": { - "node": ">= 0.8.0" - } - }, - "node_modules/resp-modifier/node_modules/debug": { - "version": "2.6.9", - "dev": true, - "license": "MIT", - "dependencies": { - "ms": "2.0.0" - } - }, - "node_modules/resp-modifier/node_modules/ms": { - "version": "2.0.0", - "dev": true, - "license": "MIT" - }, "node_modules/restore-cursor": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", "dev": true, - "license": "MIT", "dependencies": { "onetime": "^5.1.0", "signal-exit": "^3.0.2" @@ -16305,38 +19089,43 @@ }, "node_modules/ret": { "version": "0.1.15", + "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", + "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.12" } }, "node_modules/retry": { "version": "0.12.0", + "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", + "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==", "dev": true, - "license": "MIT", "engines": { "node": ">= 4" } }, "node_modules/reusify": { "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", "dev": true, - "license": "MIT", "engines": { "iojs": ">=1.0.0", "node": ">=0.10.0" } }, "node_modules/rfdc": { - "version": "1.3.0", - "dev": true, - "license": "MIT" + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.1.tgz", + "integrity": "sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==", + "dev": true }, "node_modules/rgbcolor": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz", + "integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==", "dev": true, - "license": "MIT OR SEE LICENSE IN FEEL-FREE.md", "optional": true, "engines": { "node": ">= 0.8.15" @@ -16344,8 +19133,9 @@ }, "node_modules/rimraf": { "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", "dev": true, - "license": "ISC", "dependencies": { "glob": "^7.1.3" }, @@ -16357,10 +19147,13 @@ } }, "node_modules/rollup": { - "version": "4.5.1", + "version": "4.13.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.13.0.tgz", + "integrity": "sha512-3YegKemjoQnYKmsBlOHfMLVPPA5xLkQ8MHLLSw/fBrFaVkEayL51DilPpNNLq1exr98F2B1TzrV0FUlN3gWRPg==", "dev": true, - "license": "MIT", - "optional": true, + "dependencies": { + "@types/estree": "1.0.5" + }, "bin": { "rollup": "dist/bin/rollup" }, @@ -16369,31 +19162,35 @@ "npm": ">=8.0.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.5.1", - "@rollup/rollup-android-arm64": "4.5.1", - "@rollup/rollup-darwin-arm64": "4.5.1", - "@rollup/rollup-darwin-x64": "4.5.1", - "@rollup/rollup-linux-arm-gnueabihf": "4.5.1", - "@rollup/rollup-linux-arm64-gnu": "4.5.1", - "@rollup/rollup-linux-arm64-musl": "4.5.1", - "@rollup/rollup-linux-x64-gnu": "4.5.1", - "@rollup/rollup-linux-x64-musl": "4.5.1", - "@rollup/rollup-win32-arm64-msvc": "4.5.1", - "@rollup/rollup-win32-ia32-msvc": "4.5.1", - "@rollup/rollup-win32-x64-msvc": "4.5.1", + "@rollup/rollup-android-arm-eabi": "4.13.0", + "@rollup/rollup-android-arm64": "4.13.0", + "@rollup/rollup-darwin-arm64": "4.13.0", + "@rollup/rollup-darwin-x64": "4.13.0", + "@rollup/rollup-linux-arm-gnueabihf": "4.13.0", + "@rollup/rollup-linux-arm64-gnu": "4.13.0", + "@rollup/rollup-linux-arm64-musl": "4.13.0", + "@rollup/rollup-linux-riscv64-gnu": "4.13.0", + "@rollup/rollup-linux-x64-gnu": "4.13.0", + "@rollup/rollup-linux-x64-musl": "4.13.0", + "@rollup/rollup-win32-arm64-msvc": "4.13.0", + "@rollup/rollup-win32-ia32-msvc": "4.13.0", + "@rollup/rollup-win32-x64-msvc": "4.13.0", "fsevents": "~2.3.2" } }, "node_modules/run-async": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/run-async/-/run-async-3.0.0.tgz", + "integrity": "sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.12.0" } }, "node_modules/run-parallel": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", "dev": true, "funding": [ { @@ -16409,30 +19206,27 @@ "url": "https://feross.org/support" } ], - "license": "MIT", "dependencies": { "queue-microtask": "^1.2.2" } }, - "node_modules/rx": { - "version": "4.1.0", - "dev": true, - "license": "Apache-2.0" - }, "node_modules/rxjs": { "version": "7.8.1", - "license": "Apache-2.0", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", + "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==", + "dev": true, "dependencies": { "tslib": "^2.1.0" } }, "node_modules/safe-array-concat": { - "version": "1.0.1", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz", + "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.1", + "call-bind": "^1.0.7", + "get-intrinsic": "^1.2.4", "has-symbols": "^1.0.3", "isarray": "^2.0.5" }, @@ -16445,11 +19239,14 @@ }, "node_modules/safe-array-concat/node_modules/isarray": { "version": "2.0.5", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", + "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", + "dev": true }, "node_modules/safe-buffer": { "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", "dev": true, "funding": [ { @@ -16464,39 +19261,45 @@ "type": "consulting", "url": "https://feross.org/support" } - ], - "license": "MIT" + ] }, "node_modules/safe-regex": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==", "dev": true, - "license": "MIT", "dependencies": { "ret": "~0.1.10" } }, "node_modules/safe-regex-test": { - "version": "1.0.0", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz", + "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.3", + "call-bind": "^1.0.6", + "es-errors": "^1.3.0", "is-regex": "^1.1.4" }, + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/safer-buffer": { "version": "2.1.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true }, "node_modules/sass": { - "version": "1.69.5", + "version": "1.71.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.71.1.tgz", + "integrity": "sha512-wovtnV2PxzteLlfNzbgm1tFXPLoZILYAMJtvoXXkD7/+1uP41eKkIt1ypWq5/q2uT94qHjXehEYfmjKOvjL9sg==", "dev": true, - "license": "MIT", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -16510,28 +19313,29 @@ } }, "node_modules/sass-loader": { - "version": "13.3.2", + "version": "14.1.1", + "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.1.1.tgz", + "integrity": "sha512-QX8AasDg75monlybel38BZ49JP5Z+uSKfKwF2rO7S74BywaRmGQMUBw9dtkS+ekyM/QnP+NOrRYq8ABMZ9G8jw==", "dev": true, - "license": "MIT", "dependencies": { "neo-async": "^2.6.2" }, "engines": { - "node": ">= 14.15.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" }, "peerDependencies": { - "fibers": ">= 3.1.0", + "@rspack/core": "0.x || 1.x", "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0", "sass": "^1.3.0", "sass-embedded": "*", "webpack": "^5.0.0" }, "peerDependenciesMeta": { - "fibers": { + "@rspack/core": { "optional": true }, "node-sass": { @@ -16542,24 +19346,24 @@ }, "sass-embedded": { "optional": true + }, + "webpack": { + "optional": true } } }, - "node_modules/sass/node_modules/immutable": { - "version": "4.3.4", - "dev": true, - "license": "MIT" - }, "node_modules/sax": { "version": "1.3.0", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz", + "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==", "dev": true, - "license": "ISC", "optional": true }, "node_modules/schema-utils": { "version": "4.2.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", + "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", "dev": true, - "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.9", "ajv": "^8.9.0", @@ -16575,19 +19379,23 @@ } }, "node_modules/search-insights": { - "version": "2.11.0", - "license": "MIT", + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.13.0.tgz", + "integrity": "sha512-Orrsjf9trHHxFRuo9/rzm0KIWmgzE8RMlZMzuhZOJ01Rnz3D0YBAe+V6473t6/H6c7irs6Lt48brULAiRWb3Vw==", + "dev": true, "peer": true }, "node_modules/select-hose": { "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", + "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==", + "dev": true }, "node_modules/selfsigned": { "version": "2.4.1", + "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz", + "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==", "dev": true, - "license": "MIT", "dependencies": { "@types/node-forge": "^1.3.0", "node-forge": "^1" @@ -16597,9 +19405,10 @@ } }, "node_modules/semver": { - "version": "7.5.4", + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", "dev": true, - "license": "ISC", "dependencies": { "lru-cache": "^6.0.0" }, @@ -16612,8 +19421,9 @@ }, "node_modules/semver-greatest-satisfied-range": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-1.1.0.tgz", + "integrity": "sha512-Ny/iyOzSSa8M5ML46IAx3iXc6tfOsYU2R4AXi2UpHk60Zrgyq6eqPj/xiOfS0rRl/iiQ/rdJkVjw/5cdUyCntQ==", "dev": true, - "license": "MIT", "dependencies": { "sver-compat": "^1.5.0" }, @@ -16623,8 +19433,9 @@ }, "node_modules/semver/node_modules/lru-cache": { "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", "dev": true, - "license": "ISC", "dependencies": { "yallist": "^4.0.0" }, @@ -16634,27 +19445,29 @@ }, "node_modules/semver/node_modules/yallist": { "version": "4.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/send": { - "version": "0.16.2", + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", + "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", "dev": true, - "license": "MIT", "dependencies": { "debug": "2.6.9", - "depd": "~1.1.2", - "destroy": "~1.0.4", + "depd": "2.0.0", + "destroy": "1.2.0", "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "etag": "~1.8.1", "fresh": "0.5.2", - "http-errors": "~1.6.2", - "mime": "1.4.1", - "ms": "2.0.0", - "on-finished": "~2.3.0", - "range-parser": "~1.2.0", - "statuses": "~1.4.0" + "http-errors": "2.0.0", + "mime": "1.6.0", + "ms": "2.1.3", + "on-finished": "2.4.1", + "range-parser": "~1.2.1", + "statuses": "2.0.1" }, "engines": { "node": ">= 0.8.0" @@ -16662,93 +19475,51 @@ }, "node_modules/send/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, - "node_modules/send/node_modules/depd": { - "version": "1.1.2", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/send/node_modules/destroy": { - "version": "1.0.4", - "dev": true, - "license": "MIT" - }, - "node_modules/send/node_modules/http-errors": { - "version": "1.6.3", - "dev": true, - "license": "MIT", - "dependencies": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" - }, - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/send/node_modules/inherits": { - "version": "2.0.3", - "dev": true, - "license": "ISC" + "node_modules/send/node_modules/debug/node_modules/ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/send/node_modules/mime": { - "version": "1.4.1", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", "dev": true, - "license": "MIT", "bin": { "mime": "cli.js" - } - }, - "node_modules/send/node_modules/ms": { - "version": "2.0.0", - "dev": true, - "license": "MIT" - }, - "node_modules/send/node_modules/on-finished": { - "version": "2.3.0", - "dev": true, - "license": "MIT", - "dependencies": { - "ee-first": "1.1.1" }, "engines": { - "node": ">= 0.8" + "node": ">=4" } }, - "node_modules/send/node_modules/setprototypeof": { - "version": "1.1.0", - "dev": true, - "license": "ISC" - }, - "node_modules/send/node_modules/statuses": { - "version": "1.4.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6" - } + "node_modules/send/node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true }, "node_modules/serialize-javascript": { - "version": "6.0.1", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", + "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "randombytes": "^2.1.0" } }, "node_modules/serve-index": { "version": "1.9.1", + "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz", + "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==", "dev": true, - "license": "MIT", "dependencies": { "accepts": "~1.3.4", "batch": "0.6.1", @@ -16764,24 +19535,27 @@ }, "node_modules/serve-index/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, "node_modules/serve-index/node_modules/depd": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/serve-index/node_modules/http-errors": { "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==", "dev": true, - "license": "MIT", "dependencies": { "depd": "~1.1.2", "inherits": "2.0.3", @@ -16794,73 +19568,79 @@ }, "node_modules/serve-index/node_modules/inherits": { "version": "2.0.3", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==", + "dev": true }, "node_modules/serve-index/node_modules/ms": { "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/serve-index/node_modules/setprototypeof": { "version": "1.1.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", + "dev": true }, "node_modules/serve-index/node_modules/statuses": { "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.6" } }, "node_modules/serve-static": { - "version": "1.13.2", + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz", + "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==", "dev": true, - "license": "MIT", "dependencies": { "encodeurl": "~1.0.2", "escape-html": "~1.0.3", - "parseurl": "~1.3.2", - "send": "0.16.2" + "parseurl": "~1.3.3", + "send": "0.18.0" }, "engines": { "node": ">= 0.8.0" } }, - "node_modules/server-destroy": { - "version": "1.0.1", - "dev": true, - "license": "ISC" - }, "node_modules/set-blocking": { "version": "2.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", + "dev": true }, "node_modules/set-function-length": { - "version": "1.1.1", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", + "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", "dev": true, - "license": "MIT", "dependencies": { - "define-data-property": "^1.1.1", - "get-intrinsic": "^1.2.1", + "define-data-property": "^1.1.4", + "es-errors": "^1.3.0", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", - "has-property-descriptors": "^1.0.0" + "has-property-descriptors": "^1.0.2" }, "engines": { "node": ">= 0.4" } }, "node_modules/set-function-name": { - "version": "2.0.1", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz", + "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==", "dev": true, - "license": "MIT", "dependencies": { - "define-data-property": "^1.0.1", + "define-data-property": "^1.1.4", + "es-errors": "^1.3.0", "functions-have-names": "^1.2.3", - "has-property-descriptors": "^1.0.0" + "has-property-descriptors": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -16868,8 +19648,9 @@ }, "node_modules/set-value": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", + "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", "dev": true, - "license": "MIT", "dependencies": { "extend-shallow": "^2.0.1", "is-extendable": "^0.1.1", @@ -16882,8 +19663,9 @@ }, "node_modules/set-value/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -16893,16 +19675,18 @@ }, "node_modules/set-value/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/set-value/node_modules/is-plain-object": { "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", "dev": true, - "license": "MIT", "dependencies": { "isobject": "^3.0.1" }, @@ -16912,13 +19696,15 @@ }, "node_modules/setprototypeof": { "version": "1.2.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", + "dev": true }, "node_modules/shallow-clone": { "version": "3.0.1", + "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", + "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^6.0.2" }, @@ -16928,16 +19714,18 @@ }, "node_modules/shallow-clone/node_modules/kind-of": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/shebang-command": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", "dev": true, - "license": "MIT", "dependencies": { "shebang-regex": "^3.0.0" }, @@ -16947,24 +19735,27 @@ }, "node_modules/shebang-regex": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/shell-quote": { "version": "1.8.1", + "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz", + "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==", "dev": true, - "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/shiki": { - "version": "0.14.5", + "version": "0.14.7", + "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.7.tgz", + "integrity": "sha512-dNPAPrxSc87ua2sKJ3H5dQ/6ZaY8RNnaAqK+t0eG7p0Soi2ydiqbGOTaZCqaYvA/uZYfS1LJnemt3Q+mSfcPCg==", "dev": true, - "license": "MIT", "dependencies": { "ansi-sequence-parser": "^1.1.0", "jsonc-parser": "^3.2.0", @@ -16973,13 +19764,18 @@ } }, "node_modules/side-channel": { - "version": "1.0.4", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", + "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.0", - "get-intrinsic": "^1.0.2", - "object-inspect": "^1.9.0" + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.4", + "object-inspect": "^1.13.1" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -16987,18 +19783,22 @@ }, "node_modules/signal-exit": { "version": "3.0.7", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true }, "node_modules/sigstore": { - "version": "2.1.0", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-2.2.2.tgz", + "integrity": "sha512-2A3WvXkQurhuMgORgT60r6pOWiCOO5LlEqY2ADxGBDGVYLSo5HN0uLtb68YpVpuL/Vi8mLTe7+0Dx2Fq8lLqEg==", "dev": true, - "license": "Apache-2.0", "dependencies": { - "@sigstore/bundle": "^2.1.0", - "@sigstore/protobuf-specs": "^0.2.1", - "@sigstore/sign": "^2.1.0", - "@sigstore/tuf": "^2.1.0" + "@sigstore/bundle": "^2.2.0", + "@sigstore/core": "^1.0.0", + "@sigstore/protobuf-specs": "^0.3.0", + "@sigstore/sign": "^2.2.3", + "@sigstore/tuf": "^2.3.1", + "@sigstore/verify": "^1.1.0" }, "engines": { "node": "^16.14.0 || >=18.0.0" @@ -17006,8 +19806,9 @@ }, "node_modules/slash": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", + "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==", "dev": true, - "license": "MIT", "engines": { "node": ">=12" }, @@ -17017,8 +19818,9 @@ }, "node_modules/smart-buffer": { "version": "4.2.0", + "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", + "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" @@ -17026,8 +19828,9 @@ }, "node_modules/snapdragon": { "version": "0.8.2", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", + "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", "dev": true, - "license": "MIT", "dependencies": { "base": "^0.11.1", "debug": "^2.2.0", @@ -17044,8 +19847,9 @@ }, "node_modules/snapdragon-node": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", + "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", "dev": true, - "license": "MIT", "dependencies": { "define-property": "^1.0.0", "isobject": "^3.0.0", @@ -17057,8 +19861,9 @@ }, "node_modules/snapdragon-node/node_modules/define-property": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^1.0.0" }, @@ -17068,8 +19873,9 @@ }, "node_modules/snapdragon-util": { "version": "3.0.1", + "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", + "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^3.2.0" }, @@ -17079,8 +19885,9 @@ }, "node_modules/snapdragon-util/node_modules/kind-of": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -17090,16 +19897,18 @@ }, "node_modules/snapdragon/node_modules/debug": { "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", "dev": true, - "license": "MIT", "dependencies": { "ms": "2.0.0" } }, "node_modules/snapdragon/node_modules/define-property": { "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^0.1.0" }, @@ -17109,8 +19918,9 @@ }, "node_modules/snapdragon/node_modules/extend-shallow": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", "dev": true, - "license": "MIT", "dependencies": { "is-extendable": "^0.1.0" }, @@ -17120,8 +19930,9 @@ }, "node_modules/snapdragon/node_modules/is-descriptor": { "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, - "license": "MIT", "dependencies": { "is-accessor-descriptor": "^1.0.1", "is-data-descriptor": "^1.0.1" @@ -17132,29 +19943,33 @@ }, "node_modules/snapdragon/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/snapdragon/node_modules/ms": { "version": "2.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "dev": true }, "node_modules/snapdragon/node_modules/source-map": { "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, "node_modules/socket.io": { - "version": "4.7.2", + "version": "4.7.5", + "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.5.tgz", + "integrity": "sha512-DmeAkF6cwM9jSfmp6Dr/5/mfMwb5Z5qRrSXLpo3Fq5SqyU8CMF15jIN4ZhfSwu35ksM1qmHZDQ/DK5XTccSTvA==", "dev": true, - "license": "MIT", "dependencies": { "accepts": "~1.3.4", "base64id": "~2.0.0", @@ -17169,31 +19984,20 @@ } }, "node_modules/socket.io-adapter": { - "version": "2.5.2", + "version": "2.5.4", + "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.4.tgz", + "integrity": "sha512-wDNHGXGewWAjQPt3pyeYBtpWSq9cLE5UW1ZUPL/2eGK9jtse/FpXib7epSTsz0Q0m+6sg6Y4KtcFTlah1bdOVg==", "dev": true, - "license": "MIT", "dependencies": { + "debug": "~4.3.4", "ws": "~8.11.0" } }, - "node_modules/socket.io-client": { - "version": "4.7.2", - "dev": true, - "license": "MIT", - "dependencies": { - "@socket.io/component-emitter": "~3.1.0", - "debug": "~4.3.2", - "engine.io-client": "~6.5.2", - "socket.io-parser": "~4.2.4" - }, - "engines": { - "node": ">=10.0.0" - } - }, "node_modules/socket.io-parser": { "version": "4.2.4", + "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz", + "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==", "dev": true, - "license": "MIT", "dependencies": { "@socket.io/component-emitter": "~3.1.0", "debug": "~4.3.1" @@ -17204,8 +20008,9 @@ }, "node_modules/sockjs": { "version": "0.3.24", + "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz", + "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==", "dev": true, - "license": "MIT", "dependencies": { "faye-websocket": "^0.11.3", "uuid": "^8.3.2", @@ -17213,22 +20018,24 @@ } }, "node_modules/socks": { - "version": "2.7.1", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.1.tgz", + "integrity": "sha512-B6w7tkwNid7ToxjZ08rQMT8M9BJAf8DKx8Ft4NivzH0zBUfd6jldGcisJn/RLgxcX3FPNDdNQCUEMMT79b+oCQ==", "dev": true, - "license": "MIT", "dependencies": { - "ip": "^2.0.0", + "ip-address": "^9.0.5", "smart-buffer": "^4.2.0" }, "engines": { - "node": ">= 10.13.0", + "node": ">= 10.0.0", "npm": ">= 3.0.0" } }, "node_modules/socks-proxy-agent": { "version": "8.0.2", + "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.2.tgz", + "integrity": "sha512-8zuqoLv1aP/66PHF5TqwJ7Czm3Yv32urJQHrVyhD7mmA6d61Zv8cIXQYPTWwmg6qlupnPvs/QKDmfa4P/qct2g==", "dev": true, - "license": "MIT", "dependencies": { "agent-base": "^7.0.2", "debug": "^4.3.4", @@ -17240,30 +20047,33 @@ }, "node_modules/source-map": { "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">= 8" } }, "node_modules/source-map-js": { - "version": "1.0.2", - "license": "BSD-3-Clause", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", + "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", + "dev": true, "engines": { "node": ">=0.10.0" } }, "node_modules/source-map-loader": { - "version": "4.0.1", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-5.0.0.tgz", + "integrity": "sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==", "dev": true, - "license": "MIT", "dependencies": { - "abab": "^2.0.6", "iconv-lite": "^0.6.3", "source-map-js": "^1.0.2" }, "engines": { - "node": ">= 14.15.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", @@ -17275,8 +20085,9 @@ }, "node_modules/source-map-loader/node_modules/iconv-lite": { "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", "dev": true, - "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" }, @@ -17286,8 +20097,10 @@ }, "node_modules/source-map-resolve": { "version": "0.5.3", + "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz", + "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==", + "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated", "dev": true, - "license": "MIT", "dependencies": { "atob": "^2.1.2", "decode-uri-component": "^0.2.0", @@ -17298,8 +20111,9 @@ }, "node_modules/source-map-support": { "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", "dev": true, - "license": "MIT", "dependencies": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" @@ -17307,57 +20121,76 @@ }, "node_modules/source-map-support/node_modules/source-map": { "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, "node_modules/source-map-url": { "version": "0.4.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz", + "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==", + "deprecated": "See https://github.com/lydell/source-map-url#deprecated", + "dev": true }, "node_modules/sparkles": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz", + "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/spdx-correct": { "version": "3.2.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", + "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", "dev": true, - "license": "Apache-2.0", "dependencies": { "spdx-expression-parse": "^3.0.0", "spdx-license-ids": "^3.0.0" } }, - "node_modules/spdx-exceptions": { - "version": "2.3.0", + "node_modules/spdx-correct/node_modules/spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", "dev": true, - "license": "CC-BY-3.0" + "dependencies": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-exceptions": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz", + "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==", + "dev": true }, "node_modules/spdx-expression-parse": { - "version": "3.0.1", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz", + "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==", "dev": true, - "license": "MIT", "dependencies": { "spdx-exceptions": "^2.1.0", "spdx-license-ids": "^3.0.0" } }, "node_modules/spdx-license-ids": { - "version": "3.0.16", - "dev": true, - "license": "CC0-1.0" + "version": "3.0.17", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz", + "integrity": "sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==", + "dev": true }, "node_modules/spdy": { "version": "4.0.2", + "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz", + "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==", "dev": true, - "license": "MIT", "dependencies": { "debug": "^4.1.0", "handle-thing": "^2.0.0", @@ -17371,8 +20204,9 @@ }, "node_modules/spdy-transport": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz", + "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==", "dev": true, - "license": "MIT", "dependencies": { "debug": "^4.1.0", "detect-node": "^2.0.4", @@ -17384,8 +20218,9 @@ }, "node_modules/spdy-transport/node_modules/readable-stream": { "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, - "license": "MIT", "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", @@ -17397,8 +20232,9 @@ }, "node_modules/split-string": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", + "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", "dev": true, - "license": "MIT", "dependencies": { "extend-shallow": "^3.0.0" }, @@ -17408,13 +20244,15 @@ }, "node_modules/sprintf-js": { "version": "1.1.3", - "dev": true, - "license": "BSD-3-Clause" + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz", + "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==", + "dev": true }, "node_modules/ssf": { "version": "0.11.2", + "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz", + "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==", "dev": true, - "license": "Apache-2.0", "dependencies": { "frac": "~1.1.2" }, @@ -17424,8 +20262,9 @@ }, "node_modules/ssri": { "version": "10.0.5", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.5.tgz", + "integrity": "sha512-bSf16tAFkGeRlUNDjXu8FzaMQt6g2HZJrun7mtMbIPOddxt3GLMSz5VWUWcqTJUPfLEaDIepGxv+bYQW49596A==", "dev": true, - "license": "ISC", "dependencies": { "minipass": "^7.0.3" }, @@ -17435,16 +20274,18 @@ }, "node_modules/stack-trace": { "version": "0.0.10", + "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", + "integrity": "sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==", "dev": true, - "license": "MIT", "engines": { "node": "*" } }, "node_modules/stack-utils": { "version": "2.0.6", + "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz", + "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==", "dev": true, - "license": "MIT", "dependencies": { "escape-string-regexp": "^2.0.0" }, @@ -17454,16 +20295,18 @@ }, "node_modules/stack-utils/node_modules/escape-string-regexp": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz", + "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } }, "node_modules/stackblur-canvas": { - "version": "2.6.0", + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz", + "integrity": "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==", "dev": true, - "license": "MIT", "optional": true, "engines": { "node": ">=0.1.14" @@ -17471,8 +20314,9 @@ }, "node_modules/static-extend": { "version": "0.1.2", + "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", + "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==", "dev": true, - "license": "MIT", "dependencies": { "define-property": "^0.2.5", "object-copy": "^0.1.0" @@ -17483,8 +20327,9 @@ }, "node_modules/static-extend/node_modules/define-property": { "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", "dev": true, - "license": "MIT", "dependencies": { "is-descriptor": "^0.1.0" }, @@ -17494,8 +20339,9 @@ }, "node_modules/static-extend/node_modules/is-descriptor": { "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, - "license": "MIT", "dependencies": { "is-accessor-descriptor": "^1.0.1", "is-data-descriptor": "^1.0.1" @@ -17506,46 +20352,30 @@ }, "node_modules/statuses": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/stream-exhaust": { "version": "1.0.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", + "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==", + "dev": true }, "node_modules/stream-shift": { - "version": "1.0.1", - "dev": true, - "license": "MIT" - }, - "node_modules/stream-throttle": { - "version": "0.1.3", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "commander": "^2.2.0", - "limiter": "^1.0.5" - }, - "bin": { - "throttleproxy": "bin/throttleproxy.js" - }, - "engines": { - "node": ">= 0.10.0" - } - }, - "node_modules/stream-throttle/node_modules/commander": { - "version": "2.20.3", - "dev": true, - "license": "MIT" + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz", + "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==", + "dev": true }, "node_modules/streamroller": { "version": "3.1.5", + "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz", + "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==", "dev": true, - "license": "MIT", "dependencies": { "date-format": "^4.0.14", "debug": "^4.3.4", @@ -17557,8 +20387,9 @@ }, "node_modules/streamroller/node_modules/fs-extra": { "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.2.0", "jsonfile": "^4.0.0", @@ -17570,29 +20401,42 @@ }, "node_modules/streamroller/node_modules/jsonfile": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==", "dev": true, - "license": "MIT", "optionalDependencies": { "graceful-fs": "^4.1.6" } }, + "node_modules/streamroller/node_modules/universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", + "dev": true, + "engines": { + "node": ">= 4.0.0" + } + }, "node_modules/string_decoder": { "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "dev": true, - "license": "MIT", "dependencies": { "safe-buffer": "~5.1.0" } }, "node_modules/string_decoder/node_modules/safe-buffer": { "version": "5.1.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true }, "node_modules/string-width": { "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", "dev": true, - "license": "MIT", "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -17605,8 +20449,9 @@ "node_modules/string-width-cjs": { "name": "string-width", "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", "dev": true, - "license": "MIT", "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", @@ -17617,13 +20462,15 @@ } }, "node_modules/string.prototype.trim": { - "version": "1.2.8", + "version": "1.2.9", + "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz", + "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1" + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.0", + "es-object-atoms": "^1.0.0" }, "engines": { "node": ">= 0.4" @@ -17633,13 +20480,14 @@ } }, "node_modules/string.prototype.trimend": { - "version": "1.0.7", - "dev": true, - "license": "MIT", - "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1" + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz", + "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-object-atoms": "^1.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -17647,8 +20495,9 @@ }, "node_modules/string.prototype.trimstart": { "version": "1.0.7", + "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz", + "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "define-properties": "^1.2.0", @@ -17660,8 +20509,9 @@ }, "node_modules/strip-ansi": { "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", "dev": true, - "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1" }, @@ -17672,8 +20522,9 @@ "node_modules/strip-ansi-cjs": { "name": "strip-ansi", "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", "dev": true, - "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1" }, @@ -17683,24 +20534,27 @@ }, "node_modules/strip-bom": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", + "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/strip-final-newline": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", + "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/strip-json-comments": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" }, @@ -17710,8 +20564,9 @@ }, "node_modules/strong-log-transformer": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz", + "integrity": "sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==", "dev": true, - "license": "Apache-2.0", "dependencies": { "duplexer": "^0.1.1", "minimist": "^1.2.0", @@ -17726,8 +20581,9 @@ }, "node_modules/supports-color": { "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^3.0.0" }, @@ -17737,8 +20593,9 @@ }, "node_modules/supports-preserve-symlinks-flag": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -17748,8 +20605,9 @@ }, "node_modules/sver-compat": { "version": "1.5.0", + "resolved": "https://registry.npmjs.org/sver-compat/-/sver-compat-1.5.0.tgz", + "integrity": "sha512-aFTHfmjwizMNlNE6dsGmoAM4lHjL0CyiobWaFiXWSlD7cIxshW422Nb8KbXCmR6z+0ZEPY+daXJrDyh/vuwTyg==", "dev": true, - "license": "MIT", "dependencies": { "es6-iterator": "^2.0.1", "es6-symbol": "^3.1.1" @@ -17757,8 +20615,9 @@ }, "node_modules/svg-pathdata": { "version": "6.0.3", + "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz", + "integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==", "dev": true, - "license": "MIT", "optional": true, "engines": { "node": ">=12.0.0" @@ -17766,24 +20625,27 @@ }, "node_modules/symbol-observable": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz", + "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10" } }, "node_modules/tapable": { "version": "2.2.1", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", + "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/tar": { "version": "6.2.0", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz", + "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==", "dev": true, - "license": "ISC", "dependencies": { "chownr": "^2.0.0", "fs-minipass": "^2.0.0", @@ -17798,8 +20660,9 @@ }, "node_modules/tar-stream": { "version": "2.2.0", + "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz", + "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==", "dev": true, - "license": "MIT", "dependencies": { "bl": "^4.0.3", "end-of-stream": "^1.4.1", @@ -17813,8 +20676,9 @@ }, "node_modules/tar-stream/node_modules/readable-stream": { "version": "3.6.2", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", + "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", "dev": true, - "license": "MIT", "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", @@ -17826,8 +20690,9 @@ }, "node_modules/tar/node_modules/fs-minipass": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", "dev": true, - "license": "ISC", "dependencies": { "minipass": "^3.0.0" }, @@ -17837,8 +20702,9 @@ }, "node_modules/tar/node_modules/fs-minipass/node_modules/minipass": { "version": "3.3.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", + "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", "dev": true, - "license": "ISC", "dependencies": { "yallist": "^4.0.0" }, @@ -17848,16 +20714,18 @@ }, "node_modules/tar/node_modules/minipass": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", + "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", "dev": true, - "license": "ISC", "engines": { "node": ">=8" } }, "node_modules/tar/node_modules/mkdirp": { "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", "dev": true, - "license": "MIT", "bin": { "mkdirp": "bin/cmd.js" }, @@ -17867,13 +20735,15 @@ }, "node_modules/tar/node_modules/yallist": { "version": "4.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/terser": { - "version": "5.24.0", + "version": "5.29.1", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.29.1.tgz", + "integrity": "sha512-lZQ/fyaIGxsbGxApKmoPTODIzELy3++mXhS5hOqaAWZjQtpq/hFHAc+rm29NND1rYRxRWKcjuARNwULNXa5RtQ==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "@jridgewell/source-map": "^0.3.3", "acorn": "^8.8.2", @@ -17888,15 +20758,16 @@ } }, "node_modules/terser-webpack-plugin": { - "version": "5.3.9", + "version": "5.3.10", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz", + "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==", "dev": true, - "license": "MIT", "dependencies": { - "@jridgewell/trace-mapping": "^0.3.17", + "@jridgewell/trace-mapping": "^0.3.20", "jest-worker": "^27.4.5", "schema-utils": "^3.1.1", "serialize-javascript": "^6.0.1", - "terser": "^5.16.8" + "terser": "^5.26.0" }, "engines": { "node": ">= 10.13.0" @@ -17922,8 +20793,9 @@ }, "node_modules/terser-webpack-plugin/node_modules/ajv": { "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -17937,21 +20809,24 @@ }, "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": { "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", "dev": true, - "license": "MIT", "peerDependencies": { "ajv": "^6.9.1" } }, "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": { "version": "0.4.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true }, "node_modules/terser-webpack-plugin/node_modules/schema-utils": { "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", "dev": true, - "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", @@ -17967,13 +20842,15 @@ }, "node_modules/terser/node_modules/commander": { "version": "2.20.3", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "dev": true }, "node_modules/test-exclude": { "version": "6.0.0", + "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz", + "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==", "dev": true, - "license": "ISC", "dependencies": { "@istanbuljs/schema": "^0.1.2", "glob": "^7.1.4", @@ -17983,10 +20860,33 @@ "node": ">=8" } }, + "node_modules/test-exclude/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/test-exclude/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, "node_modules/text-segmentation": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz", + "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "utrie": "^1.0.2" @@ -17994,18 +20894,21 @@ }, "node_modules/text-table": { "version": "0.2.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", + "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", + "dev": true }, "node_modules/through": { "version": "2.3.8", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==", + "dev": true }, "node_modules/through2": { "version": "2.0.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", + "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", "dev": true, - "license": "MIT", "dependencies": { "readable-stream": "~2.3.6", "xtend": "~4.0.1" @@ -18013,8 +20916,9 @@ }, "node_modules/through2-filter": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/through2-filter/-/through2-filter-3.0.0.tgz", + "integrity": "sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==", "dev": true, - "license": "MIT", "dependencies": { "through2": "~2.0.0", "xtend": "~4.0.0" @@ -18022,32 +20926,33 @@ }, "node_modules/thunky": { "version": "1.1.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", + "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==", + "dev": true }, "node_modules/time-stamp": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-1.1.0.tgz", + "integrity": "sha512-gLCeArryy2yNTRzTGKbZbloctj64jkZ57hj5zdraXue6aFgd6PmvVtEyiUU+hvU0v7q08oVv8r8ev0tRo6bvgw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/tmp": { - "version": "0.2.1", + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz", + "integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==", "dev": true, - "license": "MIT", - "dependencies": { - "rimraf": "^3.0.0" - }, "engines": { - "node": ">=8.17.0" + "node": ">=14.14" } }, "node_modules/to-absolute-glob": { "version": "2.0.2", + "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz", + "integrity": "sha512-rtwLUQEwT8ZeKQbyFJyomBRYXyE16U5VKuy0ftxLMK/PZb2fkOsg5r9kHdauuVDbsNdIBoC/HCthpidamQFXYA==", "dev": true, - "license": "MIT", "dependencies": { "is-absolute": "^1.0.0", "is-negated-glob": "^1.0.0" @@ -18058,16 +20963,18 @@ }, "node_modules/to-fast-properties": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/to-object-path": { "version": "0.3.0", + "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", + "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==", "dev": true, - "license": "MIT", "dependencies": { "kind-of": "^3.0.2" }, @@ -18077,8 +20984,9 @@ }, "node_modules/to-object-path/node_modules/kind-of": { "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", "dev": true, - "license": "MIT", "dependencies": { "is-buffer": "^1.1.5" }, @@ -18088,8 +20996,9 @@ }, "node_modules/to-regex": { "version": "3.0.2", + "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", + "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", "dev": true, - "license": "MIT", "dependencies": { "define-property": "^2.0.2", "extend-shallow": "^3.0.2", @@ -18102,8 +21011,9 @@ }, "node_modules/to-regex-range": { "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, - "license": "MIT", "dependencies": { "is-number": "^7.0.0" }, @@ -18113,8 +21023,9 @@ }, "node_modules/to-through": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-through/-/to-through-2.0.0.tgz", + "integrity": "sha512-+QIz37Ly7acM4EMdw2PRN389OneM5+d844tirkGp4dPKzI5OE72V9OsbFp+CIYJDahZ41ZV05hNtcPAQUAm9/Q==", "dev": true, - "license": "MIT", "dependencies": { "through2": "^2.0.3" }, @@ -18124,35 +21035,39 @@ }, "node_modules/toidentifier": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.6" } }, "node_modules/tree-kill": { "version": "1.2.2", + "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz", + "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==", "dev": true, - "license": "MIT", "bin": { "tree-kill": "cli.js" } }, "node_modules/ts-api-utils": { - "version": "1.0.3", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz", + "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==", "dev": true, - "license": "MIT", "engines": { - "node": ">=16.13.0" + "node": ">=16" }, "peerDependencies": { "typescript": ">=4.2.0" } }, "node_modules/ts-node": { - "version": "10.9.1", + "version": "10.9.2", + "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz", + "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==", "dev": true, - "license": "MIT", "dependencies": { "@cspotcode/source-map-support": "^0.8.0", "@tsconfig/node10": "^1.0.7", @@ -18192,9 +21107,10 @@ } }, "node_modules/tsconfig-paths": { - "version": "3.14.2", + "version": "3.15.0", + "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz", + "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==", "dev": true, - "license": "MIT", "dependencies": { "@types/json5": "^0.0.29", "json5": "^1.0.2", @@ -18204,8 +21120,9 @@ }, "node_modules/tsconfig-paths/node_modules/json5": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "dev": true, - "license": "MIT", "dependencies": { "minimist": "^1.2.0" }, @@ -18215,12 +21132,15 @@ }, "node_modules/tslib": { "version": "2.6.2", - "license": "0BSD" + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", + "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==", + "dev": true }, "node_modules/tslint": { "version": "3.15.1", + "resolved": "https://registry.npmjs.org/tslint/-/tslint-3.15.1.tgz", + "integrity": "sha512-wkqXlDiU1qG31dMuxnCSNeNMdKmSaEMYgJ2RERgFkt1WvVEF/wYwUYR396DDDcJDDBYpq16a6XJodQh70IRtBQ==", "dev": true, - "license": "Apache-2.0", "peer": true, "dependencies": { "colors": "^1.1.2", @@ -18238,10 +21158,22 @@ "typescript": ">=1.7.3" } }, + "node_modules/tslint/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "peer": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, "node_modules/tslint/node_modules/diff": { "version": "2.2.3", + "resolved": "https://registry.npmjs.org/diff/-/diff-2.2.3.tgz", + "integrity": "sha512-9wfm3RLzMp/PyTFWuw9liEzdlxsdGixCW0ZTU1XDmtlAkvpVXTPGF8KnfSs0hm3BPbg19OrUPPsRkHXoREpP1g==", "dev": true, - "license": "BSD-3-Clause", "peer": true, "engines": { "node": ">=0.3.1" @@ -18249,6 +21181,8 @@ }, "node_modules/tslint/node_modules/findup-sync": { "version": "0.3.0", + "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-0.3.0.tgz", + "integrity": "sha512-z8Nrwhi6wzxNMIbxlrTzuUW6KWuKkogZ/7OdDVq+0+kxn77KUH1nipx8iU6suqkHqc4y6n7a9A8IpmxY/pTjWg==", "dev": true, "peer": true, "dependencies": { @@ -18260,8 +21194,9 @@ }, "node_modules/tslint/node_modules/findup-sync/node_modules/glob": { "version": "5.0.15", + "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz", + "integrity": "sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==", "dev": true, - "license": "ISC", "peer": true, "dependencies": { "inflight": "^1.0.4", @@ -18274,10 +21209,24 @@ "node": "*" } }, + "node_modules/tslint/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "peer": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, "node_modules/tuf-js": { - "version": "2.1.0", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-2.2.0.tgz", + "integrity": "sha512-ZSDngmP1z6zw+FIkIBjvOp/II/mIub/O7Pp12j1WNsiCpg5R5wAc//i555bBQsE44O94btLt0xM/Zr2LQjwdCg==", "dev": true, - "license": "MIT", "dependencies": { "@tufjs/models": "2.0.0", "debug": "^4.3.4", @@ -18288,14 +21237,16 @@ } }, "node_modules/type": { - "version": "1.2.0", - "dev": true, - "license": "ISC" + "version": "2.7.2", + "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz", + "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==", + "dev": true }, "node_modules/type-check": { "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", "dev": true, - "license": "MIT", "dependencies": { "prelude-ls": "^1.2.1" }, @@ -18305,8 +21256,9 @@ }, "node_modules/type-fest": { "version": "0.21.3", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz", + "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==", "dev": true, - "license": "(MIT OR CC0-1.0)", "engines": { "node": ">=10" }, @@ -18316,8 +21268,9 @@ }, "node_modules/type-is": { "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", "dev": true, - "license": "MIT", "dependencies": { "media-typer": "0.3.0", "mime-types": "~2.1.24" @@ -18327,27 +21280,30 @@ } }, "node_modules/typed-array-buffer": { - "version": "1.0.0", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz", + "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.1", - "is-typed-array": "^1.1.10" + "call-bind": "^1.0.7", + "es-errors": "^1.3.0", + "is-typed-array": "^1.1.13" }, "engines": { "node": ">= 0.4" } }, "node_modules/typed-array-byte-length": { - "version": "1.0.0", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz", + "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", + "call-bind": "^1.0.7", "for-each": "^0.3.3", - "has-proto": "^1.0.1", - "is-typed-array": "^1.1.10" + "gopd": "^1.0.1", + "has-proto": "^1.0.3", + "is-typed-array": "^1.1.13" }, "engines": { "node": ">= 0.4" @@ -18357,15 +21313,17 @@ } }, "node_modules/typed-array-byte-offset": { - "version": "1.0.0", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz", + "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==", "dev": true, - "license": "MIT", "dependencies": { - "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.2", + "available-typed-arrays": "^1.0.7", + "call-bind": "^1.0.7", "for-each": "^0.3.3", - "has-proto": "^1.0.1", - "is-typed-array": "^1.1.10" + "gopd": "^1.0.1", + "has-proto": "^1.0.3", + "is-typed-array": "^1.1.13" }, "engines": { "node": ">= 0.4" @@ -18375,13 +21333,20 @@ } }, "node_modules/typed-array-length": { - "version": "1.0.4", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.5.tgz", + "integrity": "sha512-yMi0PlwuznKHxKmcpoOdeLwxBoVPkqZxd7q2FgMkmD3bNwvF5VW0+UlUQ1k1vmktTu4Yu13Q0RIxEP8+B+wloA==", "dev": true, - "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", + "call-bind": "^1.0.7", "for-each": "^0.3.3", - "is-typed-array": "^1.1.9" + "gopd": "^1.0.1", + "has-proto": "^1.0.3", + "is-typed-array": "^1.1.13", + "possible-typed-array-names": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -18389,13 +21354,15 @@ }, "node_modules/typed-assert": { "version": "1.0.9", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz", + "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==", + "dev": true }, "node_modules/typedarray": { "version": "0.0.6", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==", + "dev": true }, "node_modules/typedoc": { "version": "0.25.4", @@ -18418,32 +21385,11 @@ "typescript": "4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x || 5.1.x || 5.2.x || 5.3.x" } }, - "node_modules/typedoc/node_modules/brace-expansion": { - "version": "2.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "balanced-match": "^1.0.0" - } - }, - "node_modules/typedoc/node_modules/minimatch": { - "version": "9.0.3", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^2.0.1" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, "node_modules/typescript": { "version": "5.2.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz", + "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==", "dev": true, - "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -18453,7 +21399,9 @@ } }, "node_modules/ua-parser-js": { - "version": "1.0.37", + "version": "0.7.37", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.37.tgz", + "integrity": "sha512-xV8kqRKM+jhMvcHWUKthV9fNebIzrNy//2O9ZwWcfiBFR5f25XVZPLlEajk/sf3Ra15V92isyQqnIEXRDaZWEA==", "dev": true, "funding": [ { @@ -18469,15 +21417,15 @@ "url": "https://github.com/sponsors/faisalman" } ], - "license": "MIT", "engines": { "node": "*" } }, "node_modules/uglify-js": { "version": "3.17.4", + "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz", + "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==", "dev": true, - "license": "BSD-2-Clause", "bin": { "uglifyjs": "bin/uglifyjs" }, @@ -18487,16 +21435,18 @@ }, "node_modules/uglifycss": { "version": "0.0.25", + "resolved": "https://registry.npmjs.org/uglifycss/-/uglifycss-0.0.25.tgz", + "integrity": "sha512-MPfsrz1Cek1uby3nnPbCBjfcu4q4HxdLnWzYPShO+mHYjEO+C1PDAHH4Q7rZLImv3UF5LXOHCdoz4g32+nb5xw==", "dev": true, - "license": "MIT", "bin": { "uglifycss": "uglifycss" } }, "node_modules/unbox-primitive": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", + "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==", "dev": true, - "license": "MIT", "dependencies": { "call-bind": "^1.0.2", "has-bigints": "^1.0.2", @@ -18509,16 +21459,18 @@ }, "node_modules/unc-path-regex": { "version": "0.1.2", + "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz", + "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/underscore.string": { "version": "3.3.6", + "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.3.6.tgz", + "integrity": "sha512-VoC83HWXmCrF6rgkyxS9GHv8W9Q5nhMKho+OadDJGzL2oDYbYEppBaCMH6pFlwLeqj2QS+hhkw2kpXkSdD1JxQ==", "dev": true, - "license": "MIT", "peer": true, "dependencies": { "sprintf-js": "^1.1.1", @@ -18530,8 +21482,9 @@ }, "node_modules/undertaker": { "version": "1.3.0", + "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-1.3.0.tgz", + "integrity": "sha512-/RXwi5m/Mu3H6IHQGww3GNt1PNXlbeCuclF2QYR14L/2CHPz3DFZkvB5hZ0N/QUkiXWCACML2jXViIQEQc2MLg==", "dev": true, - "license": "MIT", "dependencies": { "arr-flatten": "^1.0.1", "arr-map": "^2.0.0", @@ -18550,40 +21503,50 @@ }, "node_modules/undertaker-registry": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/undertaker-registry/-/undertaker-registry-1.0.1.tgz", + "integrity": "sha512-UR1khWeAjugW3548EfQmL9Z7pGMlBgXteQpr1IZeZBtnkCJQJIJ1Scj0mb9wQaPvUZ9Q17XqW6TIaPchJkyfqw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/undertaker/node_modules/fast-levenshtein": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-1.1.4.tgz", + "integrity": "sha512-Ia0sQNrMPXXkqVFt6w6M1n1oKo3NfKs+mvaV811Jwir7vAk9a6PVV9VPYf6X3BU97QiLEmuW3uXH9u87zDFfdw==", + "dev": true }, "node_modules/undici": { - "version": "5.27.2", + "version": "6.7.1", + "resolved": "https://registry.npmjs.org/undici/-/undici-6.7.1.tgz", + "integrity": "sha512-+Wtb9bAQw6HYWzCnxrPTMVEV3Q1QjYanI0E4q02ehReMuquQdLTEFEYbfs7hcImVYKcQkWSwT6buEmSVIiDDtQ==", "dev": true, - "license": "MIT", - "dependencies": { - "@fastify/busboy": "^2.0.0" - }, "engines": { - "node": ">=14.0" + "node": ">=18.0" } }, + "node_modules/undici-types": { + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "dev": true, + "optional": true, + "peer": true + }, "node_modules/unicode-canonical-property-names-ecmascript": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", + "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/unicode-match-property-ecmascript": { "version": "2.0.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz", + "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==", "dev": true, - "license": "MIT", "dependencies": { "unicode-canonical-property-names-ecmascript": "^2.0.0", "unicode-property-aliases-ecmascript": "^2.0.0" @@ -18594,24 +21557,27 @@ }, "node_modules/unicode-match-property-value-ecmascript": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz", + "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/unicode-property-aliases-ecmascript": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", + "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } }, "node_modules/union-value": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", + "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", "dev": true, - "license": "MIT", "dependencies": { "arr-union": "^3.1.0", "get-value": "^2.0.6", @@ -18624,24 +21590,27 @@ }, "node_modules/union-value/node_modules/arr-union": { "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/union-value/node_modules/is-extendable": { "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/unique-filename": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz", + "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==", "dev": true, - "license": "ISC", "dependencies": { "unique-slug": "^4.0.0" }, @@ -18651,8 +21620,9 @@ }, "node_modules/unique-slug": { "version": "4.0.0", + "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz", + "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==", "dev": true, - "license": "ISC", "dependencies": { "imurmurhash": "^0.1.4" }, @@ -18662,33 +21632,37 @@ }, "node_modules/unique-stream": { "version": "2.3.1", + "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-2.3.1.tgz", + "integrity": "sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==", "dev": true, - "license": "MIT", "dependencies": { "json-stable-stringify-without-jsonify": "^1.0.1", "through2-filter": "^3.0.0" } }, "node_modules/universalify": { - "version": "0.1.2", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", "dev": true, - "license": "MIT", "engines": { - "node": ">= 4.0.0" + "node": ">= 10.0.0" } }, "node_modules/unpipe": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/unset-value": { "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", + "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==", "dev": true, - "license": "MIT", "dependencies": { "has-value": "^0.3.1", "isobject": "^3.0.0" @@ -18699,8 +21673,9 @@ }, "node_modules/unset-value/node_modules/has-value": { "version": "0.3.1", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", + "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==", "dev": true, - "license": "MIT", "dependencies": { "get-value": "^2.0.3", "has-values": "^0.1.4", @@ -18712,8 +21687,9 @@ }, "node_modules/unset-value/node_modules/has-value/node_modules/isobject": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", + "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==", "dev": true, - "license": "MIT", "dependencies": { "isarray": "1.0.0" }, @@ -18723,16 +21699,18 @@ }, "node_modules/unset-value/node_modules/has-values": { "version": "0.1.4", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", + "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/upath": { "version": "1.2.0", + "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz", + "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==", "dev": true, - "license": "MIT", "engines": { "node": ">=4", "yarn": "*" @@ -18740,6 +21718,8 @@ }, "node_modules/update-browserslist-db": { "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", "dev": true, "funding": [ { @@ -18755,7 +21735,6 @@ "url": "https://github.com/sponsors/ai" } ], - "license": "MIT", "dependencies": { "escalade": "^3.1.1", "picocolors": "^1.0.0" @@ -18769,42 +21748,49 @@ }, "node_modules/uri-js": { "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "punycode": "^2.1.0" } }, "node_modules/urix": { "version": "0.1.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", + "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==", + "deprecated": "Please see https://github.com/lydell/urix#deprecated", + "dev": true }, "node_modules/use": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", + "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/util-deprecate": { "version": "1.0.2", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true }, "node_modules/utils-merge": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4.0" } }, "node_modules/utrie": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz", + "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==", "dev": true, - "license": "MIT", "optional": true, "dependencies": { "base64-arraybuffer": "^1.0.2" @@ -18812,26 +21798,24 @@ }, "node_modules/uuid": { "version": "8.3.2", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz", + "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==", "dev": true, - "license": "MIT", "bin": { "uuid": "dist/bin/uuid" } }, - "node_modules/v8-compile-cache": { - "version": "2.3.0", - "dev": true, - "license": "MIT" - }, "node_modules/v8-compile-cache-lib": { "version": "3.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz", + "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==", + "dev": true }, "node_modules/v8flags": { "version": "3.2.0", + "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.2.0.tgz", + "integrity": "sha512-mH8etigqMfiGWdeXpaaqGfs6BndypxusHHcv2qSHyZkGEznCd/qAXCWWRzeowtL54147cktFOC4P5y+kl8d8Jg==", "dev": true, - "license": "MIT", "dependencies": { "homedir-polyfill": "^1.0.1" }, @@ -18841,17 +21825,29 @@ }, "node_modules/validate-npm-package-license": { "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", "dev": true, - "license": "Apache-2.0", "dependencies": { "spdx-correct": "^3.0.0", "spdx-expression-parse": "^3.0.0" } }, + "node_modules/validate-npm-package-license/node_modules/spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "dependencies": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, "node_modules/validate-npm-package-name": { "version": "5.0.0", + "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.0.tgz", + "integrity": "sha512-YuKoXDAhBYxY7SfOKxHBDoSyENFeW5VvIIQp2TGQuit8gpK6MnWaQelBKxso72DoxTZfZdcP3W90LqpSkgPzLQ==", "dev": true, - "license": "ISC", "dependencies": { "builtins": "^5.0.0" }, @@ -18861,24 +21857,27 @@ }, "node_modules/value-or-function": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/value-or-function/-/value-or-function-3.0.0.tgz", + "integrity": "sha512-jdBB2FrWvQC/pnPtIqcLsMaQgjhdb6B7tk1MMyTKapox+tQZbdRP4uLxu/JY0t7fbfDCUMnuelzEYv5GsxHhdg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } }, "node_modules/vary": { "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.8" } }, "node_modules/vinyl": { "version": "2.2.1", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.1.tgz", + "integrity": "sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==", "dev": true, - "license": "MIT", "dependencies": { "clone": "^2.1.1", "clone-buffer": "^1.0.0", @@ -18893,8 +21892,9 @@ }, "node_modules/vinyl-fs": { "version": "3.0.3", + "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-3.0.3.tgz", + "integrity": "sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==", "dev": true, - "license": "MIT", "dependencies": { "fs-mkdirp-stream": "^1.0.0", "glob-stream": "^6.1.0", @@ -18920,8 +21920,9 @@ }, "node_modules/vinyl-sourcemap": { "version": "1.1.0", + "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz", + "integrity": "sha512-NiibMgt6VJGJmyw7vtzhctDcfKch4e4n9TBeoWlirb7FMg9/1Ov9k+A5ZRAtywBpRPiyECvQRQllYM8dECegVA==", "dev": true, - "license": "MIT", "dependencies": { "append-buffer": "^1.0.2", "convert-source-map": "^1.5.0", @@ -18937,8 +21938,9 @@ }, "node_modules/vinyl-sourcemap/node_modules/normalize-path": { "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==", "dev": true, - "license": "MIT", "dependencies": { "remove-trailing-separator": "^1.0.1" }, @@ -18948,162 +21950,48 @@ }, "node_modules/vinyl-sourcemaps-apply": { "version": "0.2.1", + "resolved": "https://registry.npmjs.org/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz", + "integrity": "sha512-+oDh3KYZBoZC8hfocrbrxbLUeaYtQK7J5WU5Br9VqWqmCll3tFJqKp97GC9GmMsVIL0qnx2DgEDVxdo5EZ5sSw==", "dev": true, - "license": "ISC", "dependencies": { "source-map": "^0.5.1" } }, "node_modules/vinyl-sourcemaps-apply/node_modules/source-map": { "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, - "node_modules/vite": { - "version": "4.5.0", - "dev": true, - "license": "MIT", - "dependencies": { - "esbuild": "^0.18.10", - "postcss": "^8.4.27", - "rollup": "^3.27.1" - }, - "bin": { - "vite": "bin/vite.js" - }, - "engines": { - "node": "^14.18.0 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/vitejs/vite?sponsor=1" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - }, - "peerDependencies": { - "@types/node": ">= 14", - "less": "*", - "lightningcss": "^1.21.0", - "sass": "*", - "stylus": "*", - "sugarss": "*", - "terser": "^5.4.0" - }, - "peerDependenciesMeta": { - "@types/node": { - "optional": true - }, - "less": { - "optional": true - }, - "lightningcss": { - "optional": true - }, - "sass": { - "optional": true - }, - "stylus": { - "optional": true - }, - "sugarss": { - "optional": true - }, - "terser": { - "optional": true - } - } - }, - "node_modules/vite/node_modules/@esbuild/darwin-arm64": { - "version": "0.18.20", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/vite/node_modules/esbuild": { - "version": "0.18.20", - "dev": true, - "hasInstallScript": true, - "license": "MIT", - "bin": { - "esbuild": "bin/esbuild" - }, - "engines": { - "node": ">=12" - }, - "optionalDependencies": { - "@esbuild/android-arm": "0.18.20", - "@esbuild/android-arm64": "0.18.20", - "@esbuild/android-x64": "0.18.20", - "@esbuild/darwin-arm64": "0.18.20", - "@esbuild/darwin-x64": "0.18.20", - "@esbuild/freebsd-arm64": "0.18.20", - "@esbuild/freebsd-x64": "0.18.20", - "@esbuild/linux-arm": "0.18.20", - "@esbuild/linux-arm64": "0.18.20", - "@esbuild/linux-ia32": "0.18.20", - "@esbuild/linux-loong64": "0.18.20", - "@esbuild/linux-mips64el": "0.18.20", - "@esbuild/linux-ppc64": "0.18.20", - "@esbuild/linux-riscv64": "0.18.20", - "@esbuild/linux-s390x": "0.18.20", - "@esbuild/linux-x64": "0.18.20", - "@esbuild/netbsd-x64": "0.18.20", - "@esbuild/openbsd-x64": "0.18.20", - "@esbuild/sunos-x64": "0.18.20", - "@esbuild/win32-arm64": "0.18.20", - "@esbuild/win32-ia32": "0.18.20", - "@esbuild/win32-x64": "0.18.20" - } - }, - "node_modules/vite/node_modules/rollup": { - "version": "3.29.4", - "dev": true, - "license": "MIT", - "bin": { - "rollup": "dist/bin/rollup" - }, - "engines": { - "node": ">=14.18.0", - "npm": ">=8.0.0" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, "node_modules/void-elements": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", + "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/vscode-oniguruma": { "version": "1.7.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz", + "integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==", + "dev": true }, "node_modules/vscode-textmate": { "version": "8.0.0", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz", + "integrity": "sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==", + "dev": true }, "node_modules/watchpack": { "version": "2.4.0", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", + "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", "dev": true, - "license": "MIT", "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" @@ -19114,33 +22002,36 @@ }, "node_modules/wbuf": { "version": "1.7.3", + "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz", + "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==", "dev": true, - "license": "MIT", "dependencies": { "minimalistic-assert": "^1.0.0" } }, "node_modules/wcwidth": { "version": "1.0.1", + "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", + "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", "dev": true, - "license": "MIT", "dependencies": { "defaults": "^1.0.3" } }, "node_modules/webpack": { - "version": "5.89.0", + "version": "5.90.3", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.90.3.tgz", + "integrity": "sha512-h6uDYlWCctQRuXBs1oYpVe6sFcWedl0dpcVaTf/YF67J9bKvwJajFulMVSYKHrksMB3I/pIagRzDxwxkebuzKA==", "dev": true, - "license": "MIT", "dependencies": { "@types/eslint-scope": "^3.7.3", - "@types/estree": "^1.0.0", + "@types/estree": "^1.0.5", "@webassemblyjs/ast": "^1.11.5", "@webassemblyjs/wasm-edit": "^1.11.5", "@webassemblyjs/wasm-parser": "^1.11.5", "acorn": "^8.7.1", "acorn-import-assertions": "^1.9.0", - "browserslist": "^4.14.5", + "browserslist": "^4.21.10", "chrome-trace-event": "^1.0.2", "enhanced-resolve": "^5.15.0", "es-module-lexer": "^1.2.1", @@ -19154,7 +22045,7 @@ "neo-async": "^2.6.2", "schema-utils": "^3.2.0", "tapable": "^2.1.1", - "terser-webpack-plugin": "^5.3.7", + "terser-webpack-plugin": "^5.3.10", "watchpack": "^2.4.0", "webpack-sources": "^3.2.3" }, @@ -19176,8 +22067,9 @@ }, "node_modules/webpack-dev-middleware": { "version": "6.1.1", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.1.tgz", + "integrity": "sha512-y51HrHaFeeWir0YO4f0g+9GwZawuigzcAdRNon6jErXy/SqV/+O6eaVAzDqE6t3e3NpGeR5CS+cCDaTC+V3yEQ==", "dev": true, - "license": "MIT", "dependencies": { "colorette": "^2.0.10", "memfs": "^3.4.12", @@ -19203,8 +22095,9 @@ }, "node_modules/webpack-dev-server": { "version": "4.15.1", + "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz", + "integrity": "sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==", "dev": true, - "license": "MIT", "dependencies": { "@types/bonjour": "^3.5.9", "@types/connect-history-api-fallback": "^1.3.5", @@ -19259,26 +22152,20 @@ } } }, - "node_modules/webpack-dev-server/node_modules/connect-history-api-fallback": { - "version": "2.0.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.8" - } - }, "node_modules/webpack-dev-server/node_modules/ipaddr.js": { "version": "2.1.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.1.0.tgz", + "integrity": "sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==", "dev": true, - "license": "MIT", "engines": { "node": ">= 10" } }, "node_modules/webpack-dev-server/node_modules/webpack-dev-middleware": { - "version": "5.3.3", + "version": "5.3.4", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz", + "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==", "dev": true, - "license": "MIT", "dependencies": { "colorette": "^2.0.10", "memfs": "^3.4.3", @@ -19298,9 +22185,10 @@ } }, "node_modules/webpack-dev-server/node_modules/ws": { - "version": "8.14.2", + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz", + "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=10.0.0" }, @@ -19319,8 +22207,9 @@ }, "node_modules/webpack-merge": { "version": "5.10.0", + "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz", + "integrity": "sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==", "dev": true, - "license": "MIT", "dependencies": { "clone-deep": "^4.0.1", "flat": "^5.0.2", @@ -19332,16 +22221,18 @@ }, "node_modules/webpack-sources": { "version": "3.2.3", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", + "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", "dev": true, - "license": "MIT", "engines": { "node": ">=10.13.0" } }, "node_modules/webpack-subresource-integrity": { "version": "5.1.0", + "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz", + "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==", "dev": true, - "license": "MIT", "dependencies": { "typed-assert": "^1.0.8" }, @@ -19360,8 +22251,9 @@ }, "node_modules/webpack/node_modules/ajv": { "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -19375,16 +22267,18 @@ }, "node_modules/webpack/node_modules/ajv-keywords": { "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", "dev": true, - "license": "MIT", "peerDependencies": { "ajv": "^6.9.1" } }, "node_modules/webpack/node_modules/eslint-scope": { "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^4.1.1" @@ -19395,21 +22289,30 @@ }, "node_modules/webpack/node_modules/estraverse": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", "dev": true, - "license": "BSD-2-Clause", "engines": { "node": ">=4.0" } }, + "node_modules/webpack/node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, "node_modules/webpack/node_modules/json-schema-traverse": { "version": "0.4.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true }, "node_modules/webpack/node_modules/schema-utils": { "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", "dev": true, - "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", @@ -19425,8 +22328,9 @@ }, "node_modules/websocket-driver": { "version": "0.7.4", + "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz", + "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==", "dev": true, - "license": "Apache-2.0", "dependencies": { "http-parser-js": ">=0.5.1", "safe-buffer": ">=5.1.0", @@ -19438,16 +22342,18 @@ }, "node_modules/websocket-extensions": { "version": "0.1.4", + "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz", + "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=0.8.0" } }, "node_modules/which": { "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", "dev": true, - "license": "ISC", "dependencies": { "isexe": "^2.0.0" }, @@ -19460,8 +22366,9 @@ }, "node_modules/which-boxed-primitive": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz", + "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==", "dev": true, - "license": "MIT", "dependencies": { "is-bigint": "^1.0.1", "is-boolean-object": "^1.1.0", @@ -19475,19 +22382,21 @@ }, "node_modules/which-module": { "version": "1.0.0", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", + "integrity": "sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ==", + "dev": true }, "node_modules/which-typed-array": { - "version": "1.1.13", + "version": "1.1.15", + "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz", + "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==", "dev": true, - "license": "MIT", "dependencies": { - "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.4", + "available-typed-arrays": "^1.0.7", + "call-bind": "^1.0.7", "for-each": "^0.3.3", "gopd": "^1.0.1", - "has-tostringtag": "^1.0.0" + "has-tostringtag": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -19498,29 +22407,33 @@ }, "node_modules/wildcard": { "version": "2.0.1", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz", + "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==", + "dev": true }, "node_modules/wmf": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz", + "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=0.8" } }, "node_modules/word": { "version": "0.3.0", + "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz", + "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==", "dev": true, - "license": "Apache-2.0", "engines": { "node": ">=0.8" } }, "node_modules/wordwrap": { "version": "0.0.3", + "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz", + "integrity": "sha512-1tMA907+V4QmxV7dbRvb4/8MaRALK6q9Abid3ndMYnbyo8piisCmeONVqVSXqQA3KaP4SLt5b7ud6E2sqP8TFw==", "dev": true, - "license": "MIT", "peer": true, "engines": { "node": ">=0.4.0" @@ -19528,8 +22441,9 @@ }, "node_modules/wrap-ansi": { "version": "6.2.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", + "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", @@ -19542,8 +22456,9 @@ "node_modules/wrap-ansi-cjs": { "name": "wrap-ansi", "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", @@ -19558,8 +22473,9 @@ }, "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -19572,8 +22488,9 @@ }, "node_modules/wrap-ansi-cjs/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -19583,13 +22500,15 @@ }, "node_modules/wrap-ansi-cjs/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/wrap-ansi/node_modules/ansi-styles": { "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, - "license": "MIT", "dependencies": { "color-convert": "^2.0.1" }, @@ -19602,8 +22521,9 @@ }, "node_modules/wrap-ansi/node_modules/color-convert": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, - "license": "MIT", "dependencies": { "color-name": "~1.1.4" }, @@ -19613,18 +22533,21 @@ }, "node_modules/wrap-ansi/node_modules/color-name": { "version": "1.1.4", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/wrappy": { "version": "1.0.2", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true }, "node_modules/ws": { "version": "8.11.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", + "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", "dev": true, - "license": "MIT", "engines": { "node": ">=10.0.0" }, @@ -19643,16 +22566,18 @@ }, "node_modules/xhr2": { "version": "0.2.1", + "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.2.1.tgz", + "integrity": "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 6" } }, "node_modules/xlsx": { "version": "0.18.5", + "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz", + "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==", "dev": true, - "license": "Apache-2.0", "dependencies": { "adler-32": "~1.3.0", "cfb": "~1.2.1", @@ -19669,46 +22594,35 @@ "node": ">=0.8" } }, - "node_modules/xmlhttprequest-ssl": { - "version": "2.0.0", - "dev": true, - "engines": { - "node": ">=0.4.0" - } - }, "node_modules/xtend": { "version": "4.0.2", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", + "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.4" } }, - "node_modules/xxhashjs": { - "version": "0.2.2", - "dev": true, - "license": "MIT", - "dependencies": { - "cuint": "^0.2.2" - } - }, "node_modules/y18n": { "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", "dev": true, - "license": "ISC", "engines": { "node": ">=10" } }, "node_modules/yallist": { "version": "3.1.1", - "dev": true, - "license": "ISC" + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true }, "node_modules/yargs": { "version": "17.7.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", + "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", "dev": true, - "license": "MIT", "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", @@ -19724,24 +22638,27 @@ }, "node_modules/yargs-parser": { "version": "21.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", + "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", "dev": true, - "license": "ISC", "engines": { "node": ">=12" } }, "node_modules/yn": { "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", + "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } }, "node_modules/yocto-queue": { "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -19750,8 +22667,10 @@ } }, "node_modules/zone.js": { - "version": "0.14.2", - "license": "MIT", + "version": "0.14.4", + "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.4.tgz", + "integrity": "sha512-NtTUvIlNELez7Q1DzKVIFZBzNb646boQMgpATo9z3Ftuu/gWvzxCW7jdjcUDoRGxRikrhVHB/zLXh1hxeJawvw==", + "dev": true, "dependencies": { "tslib": "^2.3.0" } diff --git a/package.json b/package.json index 02926b33d48..925204f1fcc 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "primeng", - "version": "17.0.0-rc.1", + "version": "17.12.0", "license": "SEE LICENSE IN LICENSE.md", "scripts": { "ng": "ng", @@ -15,40 +15,37 @@ "build:package": "BROWSERSLIST_ENV=library ng build primeng-library && gulp build-assets", "build:check": "npm run format:check && npm run security:check", "security:check": "npm audit --production --audit-level high", - "dev:ssr": "ng run primeng:serve-ssr", - "prerender": "ng run primeng:prerender", - "vercel-build": "npm run build:ssr", "apidoc": "node ./api-generator/build-apidoc.ts", - "serve:ssr": "node dist/primeng/server/main.js", - "build:ssr": "ng build --configuration=production && ng run primeng:server" + "vercel-build": "ng build" }, "repository": { "type": "git", "url": "https://github.com/primefaces/primeng.git" }, "devDependencies": { - "@angular-devkit/build-angular": "^17.0.0", - "@angular-eslint/eslint-plugin": "17.0.0", - "@angular-eslint/eslint-plugin-template": "17.0.0", - "@angular-eslint/schematics": "17.0.0", - "@angular-eslint/template-parser": "17.0.0", - "@angular/animations": "^17.0.0", - "@angular/cdk": "^17.0.0", - "@angular/cli": "^17.0.0", - "@angular/common": "^17.0.0", - "@angular/compiler": "^17.0.0", - "@angular/compiler-cli": "^17.0.0", - "@angular/core": "^17.0.0", - "@angular/forms": "^17.0.0", - "@angular/platform-browser": "^17.0.0", - "@angular/platform-browser-dynamic": "^17.0.0", - "@angular/platform-server": "^17.0.0", - "@angular/router": "^17.0.0", + "@angular-devkit/build-angular": "^17.3.1", + "@angular-eslint/eslint-plugin": "17.3.0", + "@angular-eslint/eslint-plugin-template": "17.3.0", + "@angular-eslint/schematics": "17.3.0", + "@angular-eslint/template-parser": "17.3.0", + "@angular/animations": "^17.3.1", + "@angular/cdk": "^17.3.1", + "@angular/cli": "^17.3.1", + "@angular/common": "^17.3.1", + "@angular/compiler": "^17.3.1", + "@angular/compiler-cli": "^17.3.1", + "@angular/core": "^17.3.1", + "@angular/forms": "^17.3.1", + "@angular/platform-browser": "^17.3.1", + "@angular/platform-browser-dynamic": "^17.3.1", + "@angular/platform-server": "^17.3.1", + "@angular/router": "^17.3.1", "@stackblitz/sdk": "1.9.0", "@types/express": "^4.17.17", "@types/jasmine": "~4.3.1", "@types/jest": "^29.5.1", - "@types/node": "^16.10.9", + "@types/node": "^16.18.67", + "@types/react": "^18.2.41", "@typescript-eslint/eslint-plugin": "^6.6.0", "chart.js": "3.3.2", "codelyzer": "^0.0.28", @@ -75,7 +72,7 @@ "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.0.0", - "ng-packagr": "^17.0.0", + "ng-packagr": "^17.2.0", "prettier": "2.8.8", "primeflex": "^3.3.1", "primeicons": "^6.0.1", @@ -87,11 +84,9 @@ "typedoc": "0.25.4", "typescript": "5.2.2", "xlsx": "^0.18.5", - "zone.js": "~0.14.0" - }, - "dependencies": { - "@angular/ssr": "^17.0.3", + "zone.js": "~0.14.0", + "@angular/ssr": "^17.3.1", "@docsearch/js": "^3.3.4", - "express": "^4.18.2" + "esbuild": "^0.19.8" } } \ No newline at end of file diff --git a/server.ts b/server.ts index f780d6d5845..d5e8374acef 100644 --- a/server.ts +++ b/server.ts @@ -1,46 +1,15 @@ -import 'zone.js/node'; import { APP_BASE_HREF } from '@angular/common'; import { CommonEngine } from '@angular/ssr'; import express from 'express'; -import { existsSync } from 'node:fs'; import { join } from 'node:path'; import bootstrap from './src/main.server'; - -// ssr DOM -const domino = require('domino'); -const fs = require('fs'); -const path = require('path'); -// index from browser build! -const template = fs.readFileSync(path.join('.', 'dist/primeng/browser', 'index.html')).toString(); -// for mock global window by domino -const win = domino.createWindow(template); -// mock -global['window'] = win; -// not implemented property and functions -Object.defineProperty(win.document.body.style, 'transform', { - value: () => { - return { - enumerable: true, - configurable: true - }; - } -}); -// mock document -global['document'] = win.document; -// mock navigator -global['navigator'] = win.navigator; -// others mock -global['CSS'] = null; -// global['XMLHttpRequest'] = require('xmlhttprequest').XMLHttpRequest; -global['Prism'] = null; -// global google tag manager -global['gtag'] = () => {}; +import { environment } from 'src/environments/environment'; // The Express app is exported so that it can be used by serverless Functions. export function app(): express.Express { const server = express(); const distFolder = join(process.cwd(), 'dist/primeng/browser'); - const indexHtml = existsSync(join(distFolder, 'index.original.html')) ? join(distFolder, 'index.original.html') : join(distFolder, 'index.html'); + const indexHtml = join(distFolder, 'index.html'); const commonEngine = new CommonEngine(); @@ -75,25 +44,3 @@ export function app(): express.Express { return server; } - -function run(): void { - const port = process.env['PORT'] || 4000; - - // Start up the Node server - const server = app(); - server.listen(port, () => { - console.log(`Node Express server listening on http://localhost:${port}`); - }); -} - -// Webpack will replace 'require' with '__webpack_require__' -// '__non_webpack_require__' is a proxy to Node 'require' -// The below code is to ensure that the server is run only when not requiring the bundle. -declare const __non_webpack_require__: NodeRequire; -const mainModule = __non_webpack_require__.main; -const moduleFilename = (mainModule && mainModule.filename) || ''; -if (moduleFilename === __filename || moduleFilename.includes('iisnode')) { - run(); -} - -export default bootstrap; diff --git a/src/app/components/accordion/accordion.ts b/src/app/components/accordion/accordion.ts index ca348cc3ebe..73941bfe8dc 100755 --- a/src/app/components/accordion/accordion.ts +++ b/src/app/components/accordion/accordion.ts @@ -308,7 +308,7 @@ export class AccordionTab implements AfterContentInit, OnDestroy { case 'Enter': case 'Space': this.toggle(event); - event.preventDefault(); // ??? + event.preventDefault(); break; default: break; @@ -449,27 +449,45 @@ export class Accordion implements BlockableUI, AfterContentInit, OnDestroy { break; case 'Home': - this.onTabHomeKey(event); + if (!event.shiftKey) { + this.onTabHomeKey(event); + } break; case 'End': - this.onTabEndKey(event); + if (!event.shiftKey) { + this.onTabEndKey(event); + } break; } } + isInput(event): boolean { + const { tagName } = event.target; + return tagName?.toLowerCase() === 'input'; + } + + isTextArea(event): boolean { + const { tagName } = event.target; + return tagName?.toLowerCase() === 'textarea'; + } + onTabArrowDownKey(event) { - const nextHeaderAction = this.findNextHeaderAction(event.target.parentElement.parentElement.parentElement); - nextHeaderAction ? this.changeFocusedTab(nextHeaderAction) : this.onTabHomeKey(event); + if (!this.isInput(event) && !this.isTextArea(event)) { + const nextHeaderAction = this.findNextHeaderAction(event.target.parentElement.parentElement.parentElement); + nextHeaderAction ? this.changeFocusedTab(nextHeaderAction) : this.onTabHomeKey(event); - event.preventDefault(); + event.preventDefault(); + } } onTabArrowUpKey(event) { - const prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement.parentElement.parentElement); - prevHeaderAction ? this.changeFocusedTab(prevHeaderAction) : this.onTabEndKey(event); + if (!this.isInput(event) && !this.isTextArea(event)) { + const prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement.parentElement.parentElement); + prevHeaderAction ? this.changeFocusedTab(prevHeaderAction) : this.onTabEndKey(event); - event.preventDefault(); + event.preventDefault(); + } } onTabHomeKey(event) { diff --git a/src/app/components/api/primeicons.ts b/src/app/components/api/primeicons.ts index 89ff1a3e5c3..689f0dd3a4a 100644 --- a/src/app/components/api/primeicons.ts +++ b/src/app/components/api/primeicons.ts @@ -193,20 +193,20 @@ export class PrimeIcons { public static readonly SLIDERS_V = 'pi pi-sliders-v'; public static readonly SORT = 'pi pi-sort'; public static readonly SORT_ALPHA_DOWN = 'pi pi-sort-alpha-down'; - public static readonly SORT_ALPHA_ALT_DOWN = 'pi pi-sort-alpha-alt-down'; + public static readonly SORT_ALPHA_DOWN_ALT = 'pi pi-sort-alpha-down-alt'; public static readonly SORT_ALPHA_UP = 'pi pi-sort-alpha-up'; - public static readonly SORT_ALPHA_ALT_UP = 'pi pi-sort-alpha-alt-up'; + public static readonly SORT_ALPHA_UP_ALT = 'pi pi-sort-alpha-up-alt'; public static readonly SORT_ALT = 'pi pi-sort-alt'; - public static readonly SORT_ALT_SLASH = 'pi pi-sort-slash'; + public static readonly SORT_ALT_SLASH = 'pi pi-sort-alt-slash'; public static readonly SORT_AMOUNT_DOWN = 'pi pi-sort-amount-down'; public static readonly SORT_AMOUNT_DOWN_ALT = 'pi pi-sort-amount-down-alt'; public static readonly SORT_AMOUNT_UP = 'pi pi-sort-amount-up'; public static readonly SORT_AMOUNT_UP_ALT = 'pi pi-sort-amount-up-alt'; public static readonly SORT_DOWN = 'pi pi-sort-down'; public static readonly SORT_NUMERIC_DOWN = 'pi pi-sort-numeric-down'; - public static readonly SORT_NUMERIC_ALT_DOWN = 'pi pi-sort-numeric-alt-down'; + public static readonly SORT_NUMERIC_DOWN_ALT = 'pi pi-sort-numeric-down-alt'; public static readonly SORT_NUMERIC_UP = 'pi pi-sort-numeric-up'; - public static readonly SORT_NUMERIC_ALT_UP = 'pi pi-sort-numeric-alt-up'; + public static readonly SORT_NUMERIC_UP_ALT = 'pi pi-sort-numeric-up-alt'; public static readonly SORT_UP = 'pi pi-sort-up'; public static readonly SPINNER = 'pi pi-spinner'; public static readonly STAR = 'pi pi-star'; diff --git a/src/app/components/api/primengconfig.ts b/src/app/components/api/primengconfig.ts index 3cc41ff34bb..c096885cdc7 100644 --- a/src/app/components/api/primengconfig.ts +++ b/src/app/components/api/primengconfig.ts @@ -136,7 +136,11 @@ export class PrimeNGConfig { zoomIn: 'Zoom In', zoomOut: 'Zoom Out', rotateRight: 'Rotate Right', - rotateLeft: 'Rotate Left' + rotateLeft: 'Rotate Left', + listLabel: 'Option List', + selectColor: 'Select a color', + removeLabel: 'Remove', + browseFiles: 'Browse Files' } }; diff --git a/src/app/components/api/translation.ts b/src/app/components/api/translation.ts index 7824e088240..bc7030211c0 100644 --- a/src/app/components/api/translation.ts +++ b/src/app/components/api/translation.ts @@ -127,4 +127,8 @@ export interface Aria { zoomOut?: string; rotateRight?: string; rotateLeft?: string; + listLabel?: string; + selectColor?: string; + removeLabel?: string; + browseFiles?: string; } diff --git a/src/app/components/api/translationkeys.ts b/src/app/components/api/translationkeys.ts index d522fd9c6f3..998a358e6b0 100644 --- a/src/app/components/api/translationkeys.ts +++ b/src/app/components/api/translationkeys.ts @@ -41,4 +41,10 @@ export class TranslationKeys { public static readonly PASSWORD_PROMPT = 'passwordPrompt'; public static readonly EMPTY_MESSAGE = 'emptyMessage'; public static readonly EMPTY_FILTER_MESSAGE = 'emptyFilterMessage'; + public static readonly SHOW_FILTER_MENU = 'showFilterMenu'; + public static readonly HIDE_FILTER_MENU = 'hideFilterMenu'; + public static readonly SELECTION_MESSAGE = 'selectionMessage'; + public static readonly ARIA = 'aria'; + public static readonly SELECT_COLOR = 'selectColor'; + public static readonly BROWSE_FILES = 'browseFiles'; } diff --git a/src/app/components/autocomplete/autocomplete.spec.ts b/src/app/components/autocomplete/autocomplete.spec.ts index 02f863bf2e3..66cdecf59d1 100755 --- a/src/app/components/autocomplete/autocomplete.spec.ts +++ b/src/app/components/autocomplete/autocomplete.spec.ts @@ -163,8 +163,8 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const onKeydownSpy = spyOn(autocomplete, 'onKeydown').and.callThrough(); - const onKeyupSpy = spyOn(autocomplete, 'onKeyup').and.callThrough(); + const onKeydownSpy = spyOn(autocomplete, 'onKeyDown').and.callThrough(); + const onKeyupSpy = spyOn(autocomplete, 'onKeyUp').and.callThrough(); const onInputSpy = spyOn(autocomplete, 'onInput').and.callThrough(); const handleSuggestionsChangeSpy = spyOn(autocomplete, 'handleSuggestionsChange').and.callThrough(); const filterBrandsSpy = spyOn(testComponent, 'filterBrands').and.callThrough(); @@ -353,7 +353,6 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); inputEl.nativeElement.value = 'vsa'; inputEl.nativeElement.dispatchEvent(new Event('keydown')); inputEl.nativeElement.dispatchEvent(new Event('input')); @@ -376,7 +375,7 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); inputEl.nativeElement.value = 'v'; inputEl.nativeElement.dispatchEvent(new Event('keydown')); inputEl.nativeElement.dispatchEvent(new Event('input')); @@ -389,7 +388,7 @@ describe('AutoComplete', () => { fixture.detectChanges(); expect(autocomplete.value).toEqual('Volvo'); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(inputEl.nativeElement.value).toEqual(autocomplete.value); expect(testComponent.brand).toEqual(autocomplete.value); flush(); @@ -436,7 +435,7 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete2, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete2, 'onOptionSelect').and.callThrough(); inputEl.nativeElement.value = 'v'; inputEl.nativeElement.dispatchEvent(new Event('keydown')); inputEl.nativeElement.dispatchEvent(new Event('input')); @@ -448,7 +447,7 @@ describe('AutoComplete', () => { firstItemEl.click(); fixture.detectChanges(); expect(autocomplete2.value.brand).toEqual('Volvo'); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(inputEl.nativeElement.value).toEqual(autocomplete2.value.brand); expect(testComponent.car).toEqual(autocomplete2.value); flush(); @@ -505,7 +504,7 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); inputEl.nativeElement.value = 'v'; inputEl.nativeElement.dispatchEvent(new Event('keydown')); inputEl.nativeElement.dispatchEvent(new Event('input')); @@ -519,7 +518,7 @@ describe('AutoComplete', () => { fixture.detectChanges(); expect(autocomplete.value[0]).toEqual('Volvo'); expect(autocomplete.value.length).toEqual(1); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(testComponent.brand).toEqual(autocomplete.value); flush(); })); @@ -533,7 +532,7 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); inputEl.nativeElement.value = 'v'; inputEl.nativeElement.dispatchEvent(new Event('keydown')); inputEl.nativeElement.dispatchEvent(new Event('input')); @@ -547,7 +546,7 @@ describe('AutoComplete', () => { expect(autocomplete.value[0]).toEqual('Volvo'); expect(autocomplete.value.length).toEqual(1); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(testComponent.brand).toEqual(autocomplete.value); flush(); })); @@ -561,7 +560,7 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); inputEl.nativeElement.value = 'v'; inputEl.nativeElement.dispatchEvent(new Event('keydown')); inputEl.nativeElement.dispatchEvent(new Event('input')); @@ -574,12 +573,12 @@ describe('AutoComplete', () => { fixture.detectChanges(); expect(autocomplete.value[0]).toEqual('Volvo'); expect(autocomplete.value.length).toEqual(1); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(testComponent.brand).toEqual(autocomplete.value); let backspaceEvent = new Event('keydown'); Object.defineProperty(backspaceEvent, 'which', { value: 8 }); Object.defineProperty(backspaceEvent, 'preventDefault', { value: () => {} }); - autocomplete.onKeydown(backspaceEvent); + autocomplete.onKeyDown(backspaceEvent); fixture.detectChanges(); expect(autocomplete.value[0]).toEqual(undefined); @@ -596,7 +595,7 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); inputEl.nativeElement.value = 'v'; inputEl.nativeElement.dispatchEvent(new Event('keydown')); inputEl.nativeElement.dispatchEvent(new Event('input')); @@ -609,7 +608,7 @@ describe('AutoComplete', () => { fixture.detectChanges(); expect(autocomplete.value[0]).toEqual('Volvo'); expect(autocomplete.value.length).toEqual(1); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(testComponent.brand).toEqual(autocomplete.value); const iconEl = fixture.debugElement.query(By.css('.p-autocomplete-token-icon')); iconEl.nativeElement.click(); @@ -628,22 +627,22 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); autocomplete.suggestions = ['Volvo', 'VW']; autocomplete.overlayVisible = true; let navigateEvent = new Event('keydown'); Object.defineProperty(navigateEvent, 'which', { value: 40 }); Object.defineProperty(navigateEvent, 'preventDefault', { value: () => {} }); - autocomplete.onKeydown(navigateEvent); + autocomplete.onKeyDown(navigateEvent); let event = new Event('keydown'); Object.defineProperty(event, 'which', { value: 13 }); Object.defineProperty(event, 'preventDefault', { value: () => {} }); - autocomplete.onKeydown(event); + autocomplete.onKeyDown(event); fixture.detectChanges(); expect(autocomplete.value).toEqual('Volvo'); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(testComponent.brand).toEqual(autocomplete.value); }); @@ -655,22 +654,22 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); autocomplete.suggestions = ['Volvo', 'VW']; autocomplete.overlayVisible = true; let navigateEvent = new Event('keydown'); Object.defineProperty(navigateEvent, 'which', { value: 40 }); Object.defineProperty(navigateEvent, 'preventDefault', { value: () => {} }); - autocomplete.onKeydown(navigateEvent); + autocomplete.onKeyDown(navigateEvent); let event = new Event('keydown'); Object.defineProperty(event, 'which', { value: 9 }); Object.defineProperty(event, 'preventDefault', { value: () => {} }); - autocomplete.onKeydown(event); + autocomplete.onKeyDown(event); fixture.detectChanges(); expect(autocomplete.value).toEqual('Volvo'); - expect(selectItemSpy).toHaveBeenCalled(); + expect(onOptionSelectSpy).toHaveBeenCalled(); expect(testComponent.brand).toEqual(autocomplete.value); }); @@ -682,7 +681,7 @@ describe('AutoComplete', () => { inputEl.nativeElement.click(); fixture.detectChanges(); - const selectItemSpy = spyOn(autocomplete, 'selectItem').and.callThrough(); + const onOptionSelectSpy = spyOn(autocomplete, 'onOptionSelect').and.callThrough(); const hideSpy = spyOn(autocomplete, 'hide').and.callThrough(); autocomplete.suggestions = ['Volvo', 'VW']; autocomplete.overlayVisible = true; @@ -690,11 +689,11 @@ describe('AutoComplete', () => { Object.defineProperty(event, 'which', { value: 27 }); Object.defineProperty(event, 'preventDefault', { value: () => {} }); - autocomplete.onKeydown(event); + autocomplete.onKeyDown(event); fixture.detectChanges(); expect(autocomplete.value).toEqual(null); - expect(selectItemSpy).not.toHaveBeenCalled(); + expect(onOptionSelectSpy).not.toHaveBeenCalled(); expect(hideSpy).toHaveBeenCalled(); expect(autocomplete.overlayVisible).toEqual(false); }); diff --git a/src/app/components/autocomplete/autocomplete.ts b/src/app/components/autocomplete/autocomplete.ts index 7ce3ba92bee..bba98b826d0 100755 --- a/src/app/components/autocomplete/autocomplete.ts +++ b/src/app/components/autocomplete/autocomplete.ts @@ -8,6 +8,7 @@ import { Component, computed, ContentChildren, + effect, ElementRef, EventEmitter, forwardRef, @@ -25,7 +26,7 @@ import { ViewEncapsulation } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; -import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api'; +import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api'; import { AutoFocusModule } from 'primeng/autofocus'; import { ButtonModule } from 'primeng/button'; import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom'; @@ -80,8 +81,8 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR: any = { [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-required]="required" - [attr.aria-expanded]="overlayVisible" - [attr.aria-controls]="id + '_list'" + [attr.aria-expanded]="overlayVisible ?? false" + [attr.aria-controls]="overlayVisible ? id + '_list' : null" [attr.aria-aria-activedescendant]="focused ? focusedOptionId : undefined" (input)="onInput($event)" (keydown)="onKeyDown($event)" @@ -144,7 +145,7 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR: any = { [required]="required" [attr.name]="name" role="combobox" - [attr.placeholder]="placeholder" + [attr.placeholder]="!filled ? placeholder : null" [attr.size]="size" aria-autocomplete="list" [maxlength]="maxlength" @@ -154,8 +155,8 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR: any = { [attr.aria-label]="ariaLabel" [attr.aria-labelledby]="ariaLabelledBy" [attr.aria-required]="required" - [attr.aria-expanded]="overlayVisible" - [attr.aria-controls]="id + '_list'" + [attr.aria-expanded]="overlayVisible ?? false" + [attr.aria-controls]="overlayVisible ? id + '_list' : null" [attr.aria-aria-activedescendant]="focused ? focusedOptionId : undefined" (input)="onInput($event)" (keydown)="onKeyDown($event)" @@ -218,7 +219,7 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR: any = { - -
- -
diff --git a/src/app/showcase/pages/landing/herosection.component.ts b/src/app/showcase/pages/landing/herosection.component.ts index 4bf1b48ae2e..45295c9c546 100644 --- a/src/app/showcase/pages/landing/herosection.component.ts +++ b/src/app/showcase/pages/landing/herosection.component.ts @@ -1,5 +1,5 @@ -import { CommonModule } from '@angular/common'; -import { Component, OnDestroy, OnInit } from '@angular/core'; +import { CommonModule, isPlatformBrowser } from '@angular/common'; +import { ChangeDetectorRef, Component, Inject, OnDestroy, OnInit, PLATFORM_ID } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { MenuItem, SelectItem } from 'primeng/api'; @@ -14,7 +14,7 @@ import { RadioButtonModule } from 'primeng/radiobutton'; import { SelectButtonModule } from 'primeng/selectbutton'; import { SliderModule } from 'primeng/slider'; import { TabMenuModule } from 'primeng/tabmenu'; -import { Subscription } from 'rxjs'; +import { Subscription, debounceTime } from 'rxjs'; import { AppConfigService } from '../../service/appconfigservice'; @Component({ @@ -43,7 +43,7 @@ import { AppConfigService } from '../../service/appconfigservice'; - \ No newline at end of file + diff --git a/src/app/showcase/pages/metergroup/metergroupdemo-routing.module.ts b/src/app/showcase/pages/metergroup/metergroupdemo-routing.module.ts new file mode 100755 index 00000000000..4ea59d1c200 --- /dev/null +++ b/src/app/showcase/pages/metergroup/metergroupdemo-routing.module.ts @@ -0,0 +1,9 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { MeterGroupDemo } from './metergroupdemo'; + +@NgModule({ + imports: [RouterModule.forChild([{ path: '', component: MeterGroupDemo }])], + exports: [RouterModule] +}) +export class MeterGroupDemoRoutingModule {} diff --git a/src/app/showcase/pages/metergroup/metergroupdemo.html b/src/app/showcase/pages/metergroup/metergroupdemo.html new file mode 100755 index 00000000000..c0adc323644 --- /dev/null +++ b/src/app/showcase/pages/metergroup/metergroupdemo.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/showcase/pages/metergroup/metergroupdemo.module.ts b/src/app/showcase/pages/metergroup/metergroupdemo.module.ts new file mode 100755 index 00000000000..0e84db99afd --- /dev/null +++ b/src/app/showcase/pages/metergroup/metergroupdemo.module.ts @@ -0,0 +1,11 @@ +import { CommonModule } from '@angular/common'; +import { NgModule } from '@angular/core'; +import { MeterGroupDocModule } from '../../doc/metergroup/metergroupdoc.module'; +import { MeterGroupDemo } from './metergroupdemo'; +import { MeterGroupDemoRoutingModule } from './metergroupdemo-routing.module'; + +@NgModule({ + imports: [CommonModule, MeterGroupDemoRoutingModule, MeterGroupDocModule], + declarations: [MeterGroupDemo] +}) +export class MeterGroupDemoModule {} diff --git a/src/app/showcase/pages/metergroup/metergroupdemo.ts b/src/app/showcase/pages/metergroup/metergroupdemo.ts new file mode 100755 index 00000000000..7935a1a07b7 --- /dev/null +++ b/src/app/showcase/pages/metergroup/metergroupdemo.ts @@ -0,0 +1,68 @@ +import { Component } from '@angular/core'; +import { ImportDoc } from '../../doc/metergroup/importdoc'; +import { BasicDoc } from '../../doc/metergroup/basicdoc'; +import { MultipleDoc } from '../../doc/metergroup/multipledoc'; +import { IconDoc } from '../../doc/metergroup/icondoc'; +import { LabelDoc } from '../../doc/metergroup/labeldoc'; +import { VerticalDoc } from '../../doc/metergroup/verticaldoc'; +import { MinMaxDoc } from '../../doc/metergroup/minmaxdoc'; +import { TemplateDoc } from '../../doc/metergroup/templatedoc'; +import { StyleDoc } from '../../doc/metergroup/styledoc'; +import { AccessibilityDoc } from '../../doc/metergroup/accessibilitydoc'; +@Component({ + templateUrl: './metergroupdemo.html' +}) +export class MeterGroupDemo { + docs = [ + { + id: 'import', + label: 'Import', + component: ImportDoc + }, + { + id: 'basic', + label: 'Basic', + component: BasicDoc + }, + { + id: 'multiple', + label: 'Multiple', + component: MultipleDoc + }, + { + id: 'icon', + label: 'Icon', + component: IconDoc + }, + { + id: 'label', + label: 'Label', + component: LabelDoc + }, + { + id: 'vertical', + label: 'Vertical', + component: VerticalDoc + }, + { + id: 'minmax', + label: 'Min Max', + component: MinMaxDoc + }, + { + id: 'template', + label: 'Template', + component: TemplateDoc + }, + { + id: 'style', + label: 'Style', + component: StyleDoc + }, + { + id: 'accessibility', + label: 'Accessibility', + component: AccessibilityDoc + } + ]; +} diff --git a/src/app/showcase/pages/password/passworddemo.ts b/src/app/showcase/pages/password/passworddemo.ts index da9527c272b..cb6a7e0fc4d 100755 --- a/src/app/showcase/pages/password/passworddemo.ts +++ b/src/app/showcase/pages/password/passworddemo.ts @@ -7,6 +7,7 @@ import { FloatLabelDoc } from '../../doc/password/floatlabeldoc'; import { ImportDoc } from '../../doc/password/importdoc'; import { InvalidDoc } from '../../doc/password/invaliddoc'; import { MeterDoc } from '../../doc/password/meterdoc'; +import { LocaleDoc } from '../../doc/password/localedoc'; import { StyleDoc } from '../../doc/password/styledoc'; import { TemplateDoc } from '../../doc/password/templatedoc'; import { ToggleMaskDoc } from '../../doc/password/togglemaskdoc'; @@ -36,6 +37,11 @@ export class PasswordDemo { label: 'Meter', component: MeterDoc }, + { + id: 'locale', + label: 'Locale', + component: LocaleDoc + }, { id: 'togglemask', label: 'Toggle Mask', diff --git a/src/app/showcase/pages/progressbar/progressbardemo.ts b/src/app/showcase/pages/progressbar/progressbardemo.ts index bd96f9247d8..25a06212856 100755 --- a/src/app/showcase/pages/progressbar/progressbardemo.ts +++ b/src/app/showcase/pages/progressbar/progressbardemo.ts @@ -2,6 +2,7 @@ import { Component } from '@angular/core'; import { BasicDoc } from '../../doc/progressbar/basicdoc'; import { StyleDoc } from '../../doc/progressbar/styledoc'; import { ImportDoc } from '../../doc/progressbar/importdoc'; +import { TemplateDoc } from '../../doc/progressbar/templatedoc'; import { IndeterminateDoc } from '../../doc/progressbar/indeterminatedoc'; import { DynamicDoc } from '../../doc/progressbar/dynamicdoc'; import { AccessibilityDoc } from '../../doc/progressbar/accessibilitydoc'; @@ -31,6 +32,11 @@ export class ProgressBarDemo { label: 'Indeterminate', component: IndeterminateDoc }, + { + id: 'template', + label: 'Template', + component: TemplateDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/roadmap/roadmap.component.html b/src/app/showcase/pages/roadmap/roadmap.component.html index 967465a6a7c..c3dc65c67a9 100644 --- a/src/app/showcase/pages/roadmap/roadmap.component.html +++ b/src/app/showcase/pages/roadmap/roadmap.component.html @@ -2,11 +2,8 @@

Roadmap

- At PrimeTek, we - are passionate about improving PrimeNG and - would like to share our ideas for 2023 with the community. These are planned to be implemented in - parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG - PRO support. + At PrimeTek, we are passionate about improving PrimeNG and would like to share our ideas for 2024 with the community. These are planned to be + implemented in parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG PRO support.

@@ -21,182 +18,171 @@

Roadmap

-
- COMPONENTS
+
COMPONENTS
-

Typings

-

Improve codebase to utilize more strict types.

+

Unstyled Mode

+

Initiate unstyled mode for a set of components.

-
+
-
-
-

Accessibility - I

-

Initiate WCAG Level AA compliance using PrimeVue as the - reference implementation.

-
-
-
-
-
-
-
-

Accessibility - II

-

Finalize WCAG Level AA compliance for all components with - screen reader and keyboard support based on community feedback and audit tools.

+

Pass Through Props

+

Implement pass through properties for a set of components.

-
+
-

New Design Tokens

-

Introduce new design tokens for styled mode.

+

New Components

+

Layout, Typography, MeterGroup, Drawer, Stepper...

-
+
-

CSS Variables

-

Implement design tokens as CSS variables instead of SCSS. -

+

New Styled Mode

+

Move theming into core to replace sass repo..

-

New Styled Mode

-

Move theming into core to replace external sass repo.

+

CSS Variables

+

Implement figma design tokens as CSS variables instead of SCSS.

-

Pass Through Props

-

Initate the implementation of Pass Through Props to - provide advanced control over component internals.

+

RTL Mode

+

RTL support for the UI components.

+
+
-

Unstyled Mode

-

Implementation of the Unstyled Mode to support libraries - like Tailwind.

+

Advanced Components

+

Sheet, Event Calendar.

-
-
-
- Figma UI Kit
-
-
-

Tokens

-

Initiated support for Figma Tokens.

+
+

Advanced Components

+

Gantt Chart, Flow Chart.

-
+
+
+
+
FIGMA UI Kit
-

Tokens

-

Initial release of Figma Tokens.

+

New Figma Tokens

+

Design tokens to sync with the new styled mode.

-
+
-

Tokens

-

Sync new design tokens.

+

Figma to Theme API

+

Build the infrastructure to generate themes from Figma.

+
+
-
- SHOWCASE
-
-
-

Demos

-

Standalone demos for each component feature instead - of one demo page that demonstrates multiple features.

-
-
-
-
-
+
SHOWCASE

Documentation

-

New component API docs generated by TSDoc.

+

Add new demos and documentation.

-
+
+
-
- PrimeBlocks
-
-
-
+
PRIMEBLOCKS

Blocks Update

-

More UI Blocks.

+

Create new blocks.

+
+
+
+
+
+

Blocks Website

+

New design for blocks application

+
+
+
+
+
+

Tailwind Blocks

+

Port the entire Blocks to Tailwind.

+
+
+

Online App

+

Implement a SaaS app to access the blocks instead of an offline download.

+
+
+
+
+
+
+
-
- Designer
+
DESIGN
-

Open Source Designer

-

Open source theme designer to make it free to use.

+

Aura UI Theme

+

Brand new default theme with a modern and attractive design.

-
+
-
-
-

New UI Based Theme Editor

-

Advanced Theme Editor with full control over the Theming - API.

+

Theme Editor

+

Advanced Theme Editor App with full control over the new Styled Theming API.

+
+
- \ No newline at end of file + diff --git a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.scss b/src/app/showcase/pages/scrollpanel/scrollpaneldemo.scss index 366d7f3cd37..e95c989b886 100644 --- a/src/app/showcase/pages/scrollpanel/scrollpaneldemo.scss +++ b/src/app/showcase/pages/scrollpanel/scrollpaneldemo.scss @@ -1,19 +1,19 @@ .p-scrollpanel { p { - padding: .5rem; + padding: 0.5rem; line-height: 1.5; margin: 0; } &.custombar1 { .p-scrollpanel-wrapper { - border-right: 9px solid var(--layer-1); + border-right: 10px solid var(--surface-ground); } .p-scrollpanel-bar { - background-color: var(--primary-color); + background-color: var(--primary-300); opacity: 1; - transition: background-color .2s; + transition: background-color 0.2s; &:hover { background-color: #007ad9; @@ -28,10 +28,10 @@ } .p-scrollpanel-bar { - background-color: var(--layer-2); + background-color: var(--surface-300); border-radius: 0; opacity: 1; - transition: background-color .2s; + transition: background-color 0.2s; } } -} \ No newline at end of file +} diff --git a/src/app/showcase/pages/sidebar/sidebardemo.ts b/src/app/showcase/pages/sidebar/sidebardemo.ts index ddac8cf0df2..bbd60da4963 100755 --- a/src/app/showcase/pages/sidebar/sidebardemo.ts +++ b/src/app/showcase/pages/sidebar/sidebardemo.ts @@ -6,6 +6,7 @@ import { StyleDoc } from '../../doc/sidebar/styledoc'; import { PositionDoc } from '../../doc/sidebar/positiondoc'; import { FullScreenDoc } from '../../doc/sidebar/fullscreendoc'; import { SizeDoc } from '../../doc/sidebar/sizedoc'; +import { HeadlessDoc } from '../../doc/sidebar/headlessdoc'; import { AccessibilityDoc } from '../../doc/sidebar/accessibilitydoc'; @Component({ @@ -43,6 +44,11 @@ export class SidebarDemo { label: 'Template', component: TemplateDoc }, + { + id: 'headless', + label: 'Headless', + component: HeadlessDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/stepper/stepperdemo-routing.module.ts b/src/app/showcase/pages/stepper/stepperdemo-routing.module.ts new file mode 100755 index 00000000000..253d2bc594c --- /dev/null +++ b/src/app/showcase/pages/stepper/stepperdemo-routing.module.ts @@ -0,0 +1,9 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { StepperDemo } from './stepperdemo'; + +@NgModule({ + imports: [RouterModule.forChild([{ path: '', component: StepperDemo }])], + exports: [RouterModule] +}) +export class StepperDemoRoutingModule {} diff --git a/src/app/showcase/pages/stepper/stepperdemo.html b/src/app/showcase/pages/stepper/stepperdemo.html new file mode 100755 index 00000000000..697cf68a23b --- /dev/null +++ b/src/app/showcase/pages/stepper/stepperdemo.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/showcase/pages/stepper/stepperdemo.module.ts b/src/app/showcase/pages/stepper/stepperdemo.module.ts new file mode 100755 index 00000000000..18cc44388da --- /dev/null +++ b/src/app/showcase/pages/stepper/stepperdemo.module.ts @@ -0,0 +1,10 @@ +import { CommonModule } from '@angular/common'; +import { NgModule } from '@angular/core'; +import { StepperDemo } from './stepperdemo'; +import { StepperDemoRoutingModule } from './stepperdemo-routing.module'; +import { StepperDocModule } from '../../doc/stepper/stepperdoc.module'; +@NgModule({ + imports: [CommonModule, StepperDemoRoutingModule, StepperDocModule], + declarations: [StepperDemo] +}) +export class StepperDemoModule {} diff --git a/src/app/showcase/pages/stepper/stepperdemo.ts b/src/app/showcase/pages/stepper/stepperdemo.ts new file mode 100755 index 00000000000..fa9a9f5f711 --- /dev/null +++ b/src/app/showcase/pages/stepper/stepperdemo.ts @@ -0,0 +1,44 @@ +import { Component } from '@angular/core'; +import { ImportDoc } from '../../doc/stepper/importdoc'; +import { BasicDoc } from '../../doc/stepper/basicdoc'; +import { VerticalDoc } from '../../doc/stepper/verticaldoc'; +import { LinearDoc } from '../../doc/stepper/lineardoc'; +import { TemplateDoc } from '../../doc/stepper/templatedoc'; +import { AccessibilityDoc } from '../../doc/stepper/accessibilitydoc'; +@Component({ + templateUrl: './stepperdemo.html' +}) +export class StepperDemo { + docs = [ + { + id: 'import', + label: 'Import', + component: ImportDoc + }, + { + id: 'basic', + label: 'Basic', + component: BasicDoc + }, + { + id: 'vertical', + label: 'Vertical', + component: VerticalDoc + }, + { + id: 'linear', + label: 'Linear', + component: LinearDoc + }, + { + id: 'template', + label: 'Template', + component: TemplateDoc + }, + { + id: 'accessibility', + label: 'Accessibility', + component: AccessibilityDoc + } + ]; +} diff --git a/src/app/showcase/pages/support/support.component.html b/src/app/showcase/pages/support/support.component.html index d57cf998f4e..8934855d4d6 100755 --- a/src/app/showcase/pages/support/support.component.html +++ b/src/app/showcase/pages/support/support.component.html @@ -101,10 +101,13 @@
Enhancement Credits

New features and enhancement requests are not available in core services and provided via a credit based - model instead named PrimeCredit. When you have a feature request, we offer an initial estimate in terms of - credits and once - this estimate is confirmed by you then implementation will be delivered by our team within an estimated - timeframe. + model instead named PrimeCredit. When you have an enhancement request, initially our team will review your + requirement to + verify if it is suitable to be included in the open source core library. We cannot guarantee that all + requests can be accepted depending on the project roadmap, workload at the time and type of the requirement. + After successful + verification, we prepare an initial estimate in terms of credits and once this estimate is confirmed by you, + implementation will be delivered by our team within an estimated timeframe.

@@ -130,39 +133,43 @@
Frequently Asked Questions
-
What is the duration of the service?
+
What is the duration of the service?

Support service is for one year.

-
How many JIRA accounts do we get?
+
How many JIRA accounts do we get?

We provide one shared account per organization that any number of members in your organization can use it.

-
What happens if we extend after 1 year and we have +
What happens if we extend after 1 year and + we have unused tickets?

Unused tickets expire and cannot be transferred to the new subscription.

-
When can we purchase PrimeCredits for feature +
When can we purchase PrimeCredits for + feature development?

PrimeCredits can be purchased anytime during an active subscription.

-
Are all of our requests guaranteed to be +
Are all of our requests guaranteed to be implemented with PrimeCredits?

No, PrimeTek does not guarantee the implementation so it is suggested to confirm with us before purchasing credits.

-
Can we get PrimeCredits without PRO support?
+
Can we get PrimeCredits without PRO + support?

No, feature development is exclusive to PRO members.

-
Is there a limit on developers in our organization +
Is there a limit on developers in our + organization who can use the service?

PRO is per organization so there is no limit on the number of developers.

-
What is not covered by PRO?
+
What is not covered by PRO?

As PRO support focuses on the library, application consulting and code reviews are out of scope.

diff --git a/src/app/showcase/pages/tabview/tabviewdemo.ts b/src/app/showcase/pages/tabview/tabviewdemo.ts index fa3dd283b37..bb98a34679a 100755 --- a/src/app/showcase/pages/tabview/tabviewdemo.ts +++ b/src/app/showcase/pages/tabview/tabviewdemo.ts @@ -1,11 +1,13 @@ import { Component } from '@angular/core'; import { DisabledDoc } from '../../doc/tabview/disableddoc'; import { BasicDoc } from '../../doc/tabview/basicdoc'; +import { DynamicDoc } from '../../doc/tabview/dynamicdoc'; import { ControlledDoc } from '../../doc/tabview/controlleddoc'; import { ImportDoc } from '../../doc/tabview/importdoc'; import { TemplateDoc } from '../../doc/tabview/customtemplatedoc'; import { ClosableDoc } from '../../doc/tabview/closabledoc'; import { ScrollableDoc } from '../../doc/tabview/scrollabledoc'; +import { LazyDoc } from '../../doc/tabview/lazydoc'; import { StyleDoc } from '../../doc/tabview/styledoc'; import { AccessibilityDoc } from '../../doc/tabview/accessibilitydoc'; @@ -25,6 +27,11 @@ export class TabViewDemo { label: 'Basic', component: BasicDoc }, + { + id: 'dynamic', + label: 'Dynamic', + component: DynamicDoc + }, { id: 'controlled', label: 'Controlled', @@ -50,6 +57,11 @@ export class TabViewDemo { label: 'Scrollable', component: ScrollableDoc }, + { + id: 'lazy', + label: 'Lazy', + component: LazyDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/team/team.component.html b/src/app/showcase/pages/team/team.component.html index 07568270c90..ab85c479f9a 100644 --- a/src/app/showcase/pages/team/team.component.html +++ b/src/app/showcase/pages/team/team.component.html @@ -118,6 +118,12 @@

Meet the Team

Burak SaÄŸlam Front-End Developer
+
+ Taner Engin + Taner Engin + Front-End Developer +
\ No newline at end of file diff --git a/src/app/showcase/pages/templates/templates.component.html b/src/app/showcase/pages/templates/templates.component.html index d49e0140882..36189df5f9a 100644 --- a/src/app/showcase/pages/templates/templates.component.html +++ b/src/app/showcase/pages/templates/templates.component.html @@ -7,11 +7,11 @@

Templates

- + Apollo
- + Preview @@ -22,11 +22,11 @@

Templates

- + sakai
- + Preview @@ -37,11 +37,11 @@

Templates

- + Atlantis
- + Preview @@ -52,11 +52,11 @@

Templates

- + Ultima
- + Preview @@ -67,11 +67,11 @@

Templates

- + Freya
- + Preview @@ -82,11 +82,11 @@

Templates

- + Diamond
- + Preview @@ -97,11 +97,11 @@

Templates

- + Verona
- + Preview @@ -112,11 +112,11 @@

Templates

- + Poseidon
- + Preview @@ -127,56 +127,11 @@

Templates

- - Sapphire - -
- - Preview - - - Learn More - -
-
-
-
-
- - Serenity - -
- - Preview - - - Learn More - -
-
-
-
-
- - Babylon - -
- - Preview - - - Learn More - -
-
-
-
-
- + Avalon
- + Preview @@ -185,185 +140,5 @@

Templates

-
-
- - Roma - -
- - Preview - - - Learn More - -
-
-
-
-
- - Prestige - -
- - Preview - - - Learn More - -
-
-
-
-
- - Mirage - -
- - Preview - - - Learn More - -
-
-
-
-
- - Olympia - -
- - Preview - - - Learn More - -
-
-
-
-
- - California - -
- - Preview - - - Learn More - -
-
-
-
-
- - Ecuador - -
- - Preview - - - Learn More - -
-
-
-
-
- - Harmony - -
- - Preview - - - Learn More - -
-
-
-
-
- - Manhattan - -
- - Preview - - - Learn More - -
-
-
-
-
- - Paradise - -
- - Preview - - - Learn More - -
-
-
-
-
- - Morpheus - -
- - Preview - - - Learn More - -
-
-
-
-
- - Barcelona - -
- - Preview - - - Learn More - -
-
-
-
-
- - Omega - -
- - Preview - - - Learn More - -
-
-
-
\ No newline at end of file +
diff --git a/src/app/showcase/pages/tieredmenu/tieredmenudemo.ts b/src/app/showcase/pages/tieredmenu/tieredmenudemo.ts index d48ff2bfa0b..761e54f9a7e 100755 --- a/src/app/showcase/pages/tieredmenu/tieredmenudemo.ts +++ b/src/app/showcase/pages/tieredmenu/tieredmenudemo.ts @@ -2,6 +2,9 @@ import { Component } from '@angular/core'; import { BasicDoc } from '../../doc/tieredmenu/basicdoc'; import { ImportDoc } from '../../doc/tieredmenu/importdoc'; import { PopupDoc } from '../../doc/tieredmenu/popupdoc'; +import { TemplateDoc } from '../../doc/tieredmenu/templatedoc'; +import { CommandDoc } from '../../doc/tieredmenu/commanddoc'; +import { RouterDoc } from '../../doc/tieredmenu/routerdoc'; import { StyleDoc } from '../../doc/tieredmenu/styledoc'; import { AccessibilityDoc } from '../../doc/tieredmenu/accessibilitydoc'; @@ -25,6 +28,21 @@ export class TieredMenuDemo { label: 'Popup', component: PopupDoc }, + { + id: 'template', + label: 'Template', + component: TemplateDoc + }, + { + id: 'command', + label: 'Command', + component: CommandDoc + }, + { + id: 'router', + label: 'Router', + component: RouterDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/toast/toastdemo.ts b/src/app/showcase/pages/toast/toastdemo.ts index 8b91eae600d..2a5ddda7fbd 100755 --- a/src/app/showcase/pages/toast/toastdemo.ts +++ b/src/app/showcase/pages/toast/toastdemo.ts @@ -13,6 +13,7 @@ import { StickyDoc } from '../../doc/toast/stickydoc'; import { StyleDoc } from '../../doc/toast/styledoc'; import { TargetDoc } from '../../doc/toast/targetdoc'; import { TemplateDoc } from '../../doc/toast/templatedoc'; +import { HeadlessDoc } from '../../doc/toast/headlessdoc'; @Component({ templateUrl: './toastdemo.html' @@ -69,6 +70,11 @@ export class ToastDemo { label: 'Templating', component: TemplateDoc }, + { + id: 'headless', + label: 'Headless', + component: HeadlessDoc + }, { id: 'responsive', label: 'Responsive', diff --git a/src/app/showcase/pages/togglebutton/togglebuttondemo.ts b/src/app/showcase/pages/togglebutton/togglebuttondemo.ts index d09e9a40568..3bb22095a5b 100755 --- a/src/app/showcase/pages/togglebutton/togglebuttondemo.ts +++ b/src/app/showcase/pages/togglebutton/togglebuttondemo.ts @@ -3,6 +3,7 @@ import { ReactiveFormsDoc } from '../../doc/togglebutton/reactiveformsdoc'; import { AccessibilityDoc } from '../../doc/togglebutton/accessibilitydoc'; import { BasicDoc } from '../../doc/togglebutton/basicdoc'; import { CustomizedDoc } from '../../doc/togglebutton/customizeddoc'; +import { DisabledDoc } from '../../doc/togglebutton/disableddoc'; import { ImportDoc } from '../../doc/togglebutton/importdoc'; import { StyleDoc } from '../../doc/togglebutton/styledoc'; @@ -31,6 +32,11 @@ export class ToggleButtonDemo { label: 'Customized', component: CustomizedDoc }, + { + id: 'disabled', + label: 'Disabled', + component: DisabledDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/tree/treedemo.ts b/src/app/showcase/pages/tree/treedemo.ts index 72ed5d4c44e..e2db2f19d7e 100644 --- a/src/app/showcase/pages/tree/treedemo.ts +++ b/src/app/showcase/pages/tree/treedemo.ts @@ -13,6 +13,8 @@ import { ContextMenuDoc } from '../../doc/tree/contextmenudoc'; import { FilterDoc } from '../../doc/tree/filterdoc'; import { StyleDoc } from '../../doc/tree/styledoc'; import { AccessibilityDoc } from '../../doc/tree/accessibilitydoc'; +import { VirtualScrollDoc } from '../../doc/tree/virtualscrolldoc'; +import { LazyVirtualScrollDoc } from '../../doc/tree/virtualscrolllazydoc'; @Component({ templateUrl: './treedemo.html' @@ -65,6 +67,22 @@ export class TreeDemo { label: 'Lazy', component: LazyDoc }, + { + id: 'virtualscroll', + label: 'Virtual Scroll', + children: [ + { + id: 'preload', + label: 'Preload', + component: VirtualScrollDoc + }, + { + id: 'lazyvirtualscroll', + label: 'Lazy', + component: LazyVirtualScrollDoc + } + ] + }, { id: 'template', label: 'Template', diff --git a/src/app/showcase/pages/treetable/treetabledemo.ts b/src/app/showcase/pages/treetable/treetabledemo.ts index 646667b97d6..90315121b83 100755 --- a/src/app/showcase/pages/treetable/treetabledemo.ts +++ b/src/app/showcase/pages/treetable/treetabledemo.ts @@ -28,6 +28,9 @@ import { StyleDoc } from '../../doc/treetable/styledoc'; import { AccessibilityDoc } from '../../doc/treetable/accessibilitydoc'; import { PaginatorLocaleDoc } from '../../doc/treetable/paginatorlocaledoc'; import { ResizeScrollableDoc } from '../../doc/treetable/columnresizescrollabledoc'; +import { SizeDoc } from '../../doc/treetable/sizedoc'; +import { GridlinesDoc } from '../../doc/treetable/gridlinesdoc'; +import { ControlledDoc } from '../../doc/treetable/controlleddoc'; @Component({ templateUrl: './treetabledemo.html' @@ -49,11 +52,26 @@ export class TreeTableDemo { label: 'Dynamic Columns', component: DynamicColumnsDoc }, + { + id: 'controlled', + label: 'Controlled', + component: ControlledDoc + }, { id: 'template', label: 'Template', component: TemplateDoc }, + { + id: 'size', + label: 'Size', + component: SizeDoc + }, + { + id: 'gridlines', + label: 'Grid Lines', + component: GridlinesDoc + }, { id: 'paginator', label: 'Paginator', diff --git a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.ts b/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.ts index f432b015964..7c03a427837 100755 --- a/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.ts +++ b/src/app/showcase/pages/tristatecheckbox/tristatecheckboxdemo.ts @@ -1,5 +1,6 @@ import { Component } from '@angular/core'; import { BasicDoc } from '../../doc/tristatecheckbox/basicdoc'; +import { InvalidDoc } from '../../doc/tristatecheckbox/invaliddoc'; import { ImportDoc } from '../../doc/tristatecheckbox/importdoc'; import { DisabledDoc } from '../../doc/tristatecheckbox/disableddoc'; import { StyleDoc } from '../../doc/tristatecheckbox/styledoc'; @@ -26,6 +27,11 @@ export class TriStateCheckboxDemo { label: 'Reactive Forms', component: ReactiveFormsDoc }, + { + id: 'invalid', + label: 'Invalid', + component: InvalidDoc + }, { id: 'disabled', label: 'Disabled', diff --git a/src/app/showcase/pages/uikit/uikit.component.html b/src/app/showcase/pages/uikit/uikit.component.html index 2d5df3e49e4..26045d48fb5 100755 --- a/src/app/showcase/pages/uikit/uikit.component.html +++ b/src/app/showcase/pages/uikit/uikit.component.html @@ -1,22 +1,17 @@
- PrimeNG Designer + PrimeNG Designer
- PrimeNG Designer + PrimeNG Designer
UP-TO-DATE
Best Features of Figma
-

PrimeOne for Figma uses the latest powerful features like components, variants, - auto layout, styles and interactive components. - It'll always follow the best practices.

+

PrimeOne for Figma uses the latest powerful features like components, variants, auto layout, styles and interactive components. It'll always follow the best practices.

  • @@ -50,8 +45,7 @@
    ENTERPRISE GRADE
    Powerful System
    -

    Save countless hours on every project with a carefully designed system that uses - Prime UI Suite components. Start producing design results in no time.

    +

    Save countless hours on every project with a carefully designed system that uses Prime UI Suite components. Start producing design results in no time.

    • @@ -73,20 +67,17 @@
    - PrimeNG Designer + PrimeNG Designer
- PrimeNG Designer + PrimeNG Designer
DARK MODE
Two Themes
-

PrimeOne is designed based on Lara Blue Light and Lara Blue Dark themes. Easily - change the themes of your designs using Figma's Swap Library feature.

+

PrimeOne is designed based on Lara Blue Light and Lara Blue Dark themes. Easily change the themes of your designs using Figma's Swap Library feature.

  • @@ -104,9 +95,7 @@
    TOKENS STUDIO
    Tokens Support
    -

    Empower yourself with unprecedented control over your designs. Tokens Studio - integration unlocks a whole new level of flexibility, allowing you to create and manage design - tokens seamlessly.

    +

    Empower yourself with unprecedented control over your designs. Tokens Studio integration unlocks a whole new level of flexibility, allowing you to create and manage design tokens seamlessly.

    • @@ -124,35 +113,34 @@
    - Tokens Support + Tokens Support
- + style="border-radius: 50px" + > Preview Light - Figma Light + Figma Light - + style="border-radius: 50px" + > Preview Dark - Figma Dark + Figma Dark
Pricing
-
Choose the right plan for your business. Whether you are an - individual or a member of a team, UI Kit is available for affordable prices.
- View License Details +
Choose the right plan for your business. Whether you are an individual or a member of a team, UI Kit is available for affordable prices.
+ View License Details
@@ -162,8 +150,7 @@
For individual designers
- $99 - $49 + $99
    @@ -193,9 +180,7 @@
- Buy - Now + Buy Now
@@ -208,8 +193,7 @@
- $249 - $149 + $249
@@ -240,9 +224,7 @@
- Buy - Now + Buy Now
@@ -284,9 +266,7 @@
- Contact - Us + Contact Us
@@ -297,69 +277,46 @@ Frequently Asked Questions
-
What do I get when I purchase a - license?
-

You'll be able to download two Figma files for - light and dark themes.

+
What do I get when I purchase a license?
+

You'll be able to download two Figma files for light and dark themes.

-
Is there a recurring fee or is the - license perpetual?
-

UI Kit license is perpetual so requires one time - payment, not subscription based.

+
Is there a recurring fee or is the license perpetual?
+

UI Kit license is perpetual so requires one time payment, not subscription based.

-
Can I use UI Kit license for - commercial projects?
-

Yes, your license allows you to sell your - projects that utilize the UI Kit implementations.

+
Can I use UI Kit license for commercial projects?
+

Yes, your license allows you to sell your projects that utilize the UI Kit implementations.

-
Can I create multiple projects for - multiple clients?
-

There is no limit, you are able to use UI Kit in - multiple projects for multiple clients.

+
Can I create multiple projects for multiple clients?
+

There is no limit, you are able to use UI Kit in multiple projects for multiple clients.

-
We're a reseller, are we able to purchase a - license on behalf of our client?
+
We're a reseller, are we able to purchase a license on behalf of our client?

- Yes, after the purchase, please contact us so we can transfer the - license to your client. + Yes, after the purchase, please contact us so we can transfer the license to your client.

-
Does the enterprise license - include contractors within the organization?
-

Yes, contractors are also able to use the UI Kit - within your company.

+
Does the enterprise license include contractors within the organization?
+

Yes, contractors are also able to use the UI Kit within your company.

-
Can subsidiary company of a larger - organization share the enterprise license?
-

No, enterprise license is per company so each - subsidiary company needs to purchase a separate license.

+
Can subsidiary company of a larger organization share the enterprise license?
+

No, enterprise license is per company so each subsidiary company needs to purchase a separate license.

-
What does "free updates" mean? -
-

All updates will be totally free of charge for - existing customers for an unlimited period.

+
What does "free updates" mean?
+

All updates will be totally free of charge for existing customers for an unlimited period.

How can I get support?

- Support is provided by PrimeTek via a dedicated forum channel monitored by - PrimeTek support staff. + Support is provided by PrimeTek via a dedicated forum channel monitored by PrimeTek support + staff.

-
What does lifetime support mean? -
-

Support service at the forum does not have a - time limit.

+
What does lifetime support mean?
+

Support service at the forum does not have a time limit.

-
Can I include UI Kit in an open - source project?
-

Due to the license, it is not possible to use - the UI Kit in an open source project where the design files are publicly available.

+
Can I include UI Kit in an open source project?
+

Due to the license, it is not possible to use the UI Kit in an open source project where the design files are publicly available.

-
\ No newline at end of file +
diff --git a/src/app/showcase/pages/uikit/uikit.component.ts b/src/app/showcase/pages/uikit/uikit.component.ts index 06140bd962a..3e73387cd4e 100755 --- a/src/app/showcase/pages/uikit/uikit.component.ts +++ b/src/app/showcase/pages/uikit/uikit.component.ts @@ -15,6 +15,6 @@ export class UIKitComponent { } get isDarkMode(): boolean { - return this.configService.config.darkMode; + return this.configService.config().darkMode; } } diff --git a/src/app/showcase/service/appconfigservice.ts b/src/app/showcase/service/appconfigservice.ts index a05b72e40f5..83c4d67f7f0 100644 --- a/src/app/showcase/service/appconfigservice.ts +++ b/src/app/showcase/service/appconfigservice.ts @@ -1,18 +1,20 @@ -import { Injectable } from '@angular/core'; +import { Inject, Injectable, PLATFORM_ID, effect, signal } from '@angular/core'; import { Subject } from 'rxjs'; import { AppConfig } from '../domain/appconfig'; import { AppState } from '../domain/appstate'; -import { Theme } from '../domain/theme'; +import { isPlatformBrowser } from '@angular/common'; @Injectable({ providedIn: 'root' }) export class AppConfigService { - config: AppConfig = { - theme: 'lara-light-blue', + _config: AppConfig = { + theme: 'aura-light-blue', darkMode: false, inputStyle: 'outlined', - ripple: true + ripple: true, + scale: 14, + tableTheme: 'lara-light-blue' }; state: AppState = { @@ -21,28 +23,36 @@ export class AppConfigService { newsActive: false }; - private themeChange = new Subject(); - - themeChange$ = this.themeChange.asObservable(); - - private themeChangeComplete = new Subject(); - - themeChangeComplete$ = this.themeChangeComplete.asObservable(); - - changeTheme(theme: Theme) { - this.themeChange.next(theme); - } - - completeThemeChange(theme: Theme) { - this.themeChangeComplete.next(theme); + config = signal(this._config); + + private configUpdate = new Subject(); + + configUpdate$ = this.configUpdate.asObservable(); + + constructor(@Inject(PLATFORM_ID) private platformId: any) { + effect(() => { + const config = this.config(); + if (isPlatformBrowser(this.platformId)) { + if (this.updateStyle(config)) { + this.changeTheme(); + const newTableTheme = !config.darkMode ? config.tableTheme.replace('dark', 'light') : config.tableTheme.replace('light', 'dark'); + this.replaceTableTheme(newTableTheme); + } + this.changeScale(config.scale); + this.onConfigUpdate(); + } + }); } - updateConfig(config: AppConfig) { - this.config = { ...this.config, ...config }; + updateStyle(config: AppConfig) { + return config.theme !== this._config.theme || config.darkMode !== this._config.darkMode || config.tableTheme !== this._config.tableTheme; } - getConfig() { - return this.config; + onConfigUpdate() { + const config = this.config(); + config.tableTheme = !config.darkMode ? config.tableTheme.replace('light', 'dark') : config.tableTheme.replace('dark', 'light'); + this._config = { ...config }; + this.configUpdate.next(this.config()); } showMenu() { @@ -61,14 +71,6 @@ export class AppConfigService { this.state.configActive = false; } - setRipple(value: boolean) { - this.config.ripple = value; - } - - setInputStyle(value: string) { - this.config.inputStyle = value; - } - showNews() { this.state.newsActive = true; } @@ -76,4 +78,57 @@ export class AppConfigService { hideNews() { this.state.newsActive = false; } + + changeTheme() { + const config = this.config(); + const themeLink = document.getElementById('theme-link'); + const themeLinkHref = themeLink.getAttribute('href')!; + const newHref = themeLinkHref + .split('/') + .map((el) => (el == this._config.theme ? (el = config.theme) : el == `theme-${this._config.darkMode}` ? (el = `theme-${config.darkMode}`) : el)) + .join('/'); + + this.replaceThemeLink(newHref); + } + + replaceThemeLink(href: string) { + const id = 'theme-link'; + let themeLink = document.getElementById(id); + const cloneLinkElement = themeLink.cloneNode(true); + + cloneLinkElement.setAttribute('href', href); + cloneLinkElement.setAttribute('id', id + '-clone'); + + themeLink.parentNode!.insertBefore(cloneLinkElement, themeLink.nextSibling); + cloneLinkElement.addEventListener('load', () => { + themeLink.remove(); + cloneLinkElement.setAttribute('id', id); + }); + } + + replaceTableTheme(newTheme: string) { + const elementId = 'home-table-link'; + const linkElement = document.getElementById(elementId); + const tableThemeTokens = linkElement?.getAttribute('href').split('/') || null; + const currentTableTheme = tableThemeTokens ? tableThemeTokens[tableThemeTokens.length - 2] : null; + if (currentTableTheme !== newTheme && tableThemeTokens) { + const newThemeUrl = linkElement.getAttribute('href').replace(currentTableTheme, newTheme); + + const cloneLinkElement = linkElement.cloneNode(true); + + cloneLinkElement.setAttribute('id', elementId + '-clone'); + cloneLinkElement.setAttribute('href', newThemeUrl); + cloneLinkElement.addEventListener('load', () => { + linkElement.remove(); + cloneLinkElement.setAttribute('id', elementId); + }); + linkElement.parentNode?.insertBefore(cloneLinkElement, linkElement.nextSibling); + } + } + + changeScale(value: number) { + if (isPlatformBrowser(this.platformId)) { + document.documentElement.style.fontSize = `${value}px`; + } + } } diff --git a/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css index 9e221a20126..d5851de222d 100644 --- a/src/assets/components/themes/arya-blue/theme.css +++ b/src/assets/components/themes/arya-blue/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1e1e1e; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #64B5F6; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #43a5f4; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #383838; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } .p-splitter .p-splitter-gutter-resizing { background: #383838; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #93cbf9; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #64B5F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #64B5F6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css index ac93c9c8c66..fa3ac9e8292 100644 --- a/src/assets/components/themes/arya-green/theme.css +++ b/src/assets/components/themes/arya-green/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1e1e1e; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81C784; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #6abd6e; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #383838; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } .p-splitter .p-splitter-gutter-resizing { background: #383838; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #a7d8a9; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #81C784; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #81C784; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css index 058302389f6..e5de358455e 100644 --- a/src/assets/components/themes/arya-orange/theme.css +++ b/src/assets/components/themes/arya-orange/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1e1e1e; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFD54F; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #ffcd2e; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #383838; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } .p-splitter .p-splitter-gutter-resizing { background: #383838; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #ffe284; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #FFD54F; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #FFD54F; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css index b998fd6c53b..a385cd3163a 100644 --- a/src/assets/components/themes/arya-purple/theme.css +++ b/src/assets/components/themes/arya-purple/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1e1e1e; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #BA68C8; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #b052c0; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #383838; - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #383838; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #383838; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } .p-splitter .p-splitter-gutter-resizing { background: #383838; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #cf95d9; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #383838; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #BA68C8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #BA68C8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-amber/theme.css b/src/assets/components/themes/aura-dark-amber/theme.css new file mode 100644 index 00000000000..796d76c18bb --- /dev/null +++ b/src/assets/components/themes/aura-dark-amber/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #fbbf24; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(251, 191, 36, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fffcf4; + --primary-100:#fef0ca; + --primary-200:#fde3a1; + --primary-300:#fdd777; + --primary-400:#fccb4e; + --primary-500:#fbbf24; + --primary-600:#d5a21f; + --primary-700:#b08619; + --primary-800:#8a6914; + --primary-900:#644c0e; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #fbbf24; +} +.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: #fbbf24; +} +.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: #fbbf24; +} +.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: #fbbf24; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #fbbf24; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fbbf24; + background: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #fcd34d; + background: #fcd34d; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fcd34d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fbbf24; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #fcd34d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #fbbf24; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fbbf24; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #fcd34d; + background: #020617; + color: #fcd34d; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #fbbf24; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #fbbf24; + border: 1px solid #fbbf24; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #fcd34d; + color: #020617; + border-color: #fcd34d; + } + .p-button:not(:disabled):active { + background: #fde68a; + color: #020617; + border-color: #fde68a; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #fbbf24; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #fbbf24; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #fbbf24; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 114, 3, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(251, 191, 36, 0.16); + border-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(225, 164, 4, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #fbbf24; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fbbf24; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #fbbf24; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fbbf24; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #fcd34d; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fbbf24; + border-style: dashed; + background-color: rgba(251, 191, 36, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #fcd34d; + color: #020617; + border-color: #fcd34d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fde68a; + color: #020617; + border-color: #fde68a; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #fbbf24; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #fbbf24; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #fbbf24; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #fbbf24; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fbbf24; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #fbbf24; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(251, 191, 36, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(251, 191, 36, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #fbbf24; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(250, 183, 8, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #fbbf24; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fddf92; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #fbbf24; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #fbbf24; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #fbbf24; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #fbbf24; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #fbbf24; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #fbbf24; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #fbbf24; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(251, 191, 36, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-blue/theme.css b/src/assets/components/themes/aura-dark-blue/theme.css new file mode 100644 index 00000000000..cf309273c75 --- /dev/null +++ b/src/assets/components/themes/aura-dark-blue/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #60a5fa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(96, 165, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f7fbff; + --primary-100:#d9e9fe; + --primary-200:#bbd8fd; + --primary-300:#9cc7fc; + --primary-400:#7eb6fb; + --primary-500:#60a5fa; + --primary-600:#528cd5; + --primary-700:#4374af; + --primary-800:#355b8a; + --primary-900:#264264; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #60a5fa; +} +.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: #60a5fa; +} +.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: #60a5fa; +} +.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: #60a5fa; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #60a5fa; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #60a5fa; + background: #60a5fa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #93c5fd; + background: #93c5fd; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #60a5fa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #93c5fd; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #60a5fa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #93c5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #60a5fa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #60a5fa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #93c5fd; + background: #020617; + color: #93c5fd; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #60a5fa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #60a5fa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #60a5fa; + border: 1px solid #60a5fa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #93c5fd; + color: #020617; + border-color: #93c5fd; + } + .p-button:not(:disabled):active { + background: #bfdbfe; + color: #020617; + border-color: #bfdbfe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #60a5fa; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #60a5fa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #60a5fa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #60a5fa; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #60a5fa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #60a5fa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(7, 99, 212, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(96, 165, 250, 0.16); + border-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(29, 127, 248, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #60a5fa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #60a5fa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #60a5fa; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #60a5fa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #93c5fd; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #60a5fa; + border-style: dashed; + background-color: rgba(96, 165, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #93c5fd; + color: #020617; + border-color: #93c5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #bfdbfe; + color: #020617; + border-color: #bfdbfe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #60a5fa; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #60a5fa; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #60a5fa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #60a5fa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #60a5fa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #60a5fa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(96, 165, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(96, 165, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #60a5fa; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(62, 146, 249, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(96, 165, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #60a5fa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #60a5fa; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #b0d2fd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #60a5fa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #60a5fa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #60a5fa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #60a5fa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #60a5fa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #60a5fa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #60a5fa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(96, 165, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-cyan/theme.css b/src/assets/components/themes/aura-dark-cyan/theme.css new file mode 100644 index 00000000000..0305e12a439 --- /dev/null +++ b/src/assets/components/themes/aura-dark-cyan/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #22d3ee; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(34, 211, 238, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f4fdfe; + --primary-100:#caf4fb; + --primary-200:#a0ecf8; + --primary-300:#76e4f4; + --primary-400:#4cdbf1; + --primary-500:#22d3ee; + --primary-600:#1db3ca; + --primary-700:#1894a7; + --primary-800:#137483; + --primary-900:#0e545f; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #22d3ee; +} +.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: #22d3ee; +} +.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: #22d3ee; +} +.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: #22d3ee; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #22d3ee; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #22d3ee; + background: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #67e8f9; + background: #67e8f9; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #67e8f9; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #22d3ee; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #67e8f9; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #22d3ee; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #22d3ee; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #67e8f9; + background: #020617; + color: #67e8f9; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #22d3ee; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #22d3ee; + border: 1px solid #22d3ee; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #67e8f9; + color: #020617; + border-color: #67e8f9; + } + .p-button:not(:disabled):active { + background: #a5f3fc; + color: #020617; + border-color: #a5f3fc; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #22d3ee; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #22d3ee; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #22d3ee; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(10, 118, 134, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(34, 211, 238, 0.16); + border-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(16, 177, 202, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #22d3ee; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #22d3ee; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #22d3ee; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #22d3ee; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #67e8f9; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #22d3ee; + border-style: dashed; + background-color: rgba(34, 211, 238, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #67e8f9; + color: #020617; + border-color: #67e8f9; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a5f3fc; + color: #020617; + border-color: #a5f3fc; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #22d3ee; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #22d3ee; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #22d3ee; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #22d3ee; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #22d3ee; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #22d3ee; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(34, 211, 238, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(34, 211, 238, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #22d3ee; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(17, 200, 227, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #22d3ee; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #91e9f7; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #22d3ee; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #22d3ee; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #22d3ee; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #22d3ee; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #22d3ee; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #22d3ee; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #22d3ee; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(34, 211, 238, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-green/theme.css b/src/assets/components/themes/aura-dark-green/theme.css new file mode 100644 index 00000000000..86d91c22429 --- /dev/null +++ b/src/assets/components/themes/aura-dark-green/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #34d399; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(52, 211, 153, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5fdfa; + --primary-100:#cef4e7; + --primary-200:#a8ecd3; + --primary-300:#81e4c0; + --primary-400:#5bdbac; + --primary-500:#34d399; + --primary-600:#2cb382; + --primary-700:#24946b; + --primary-800:#1d7454; + --primary-900:#15543d; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #34d399; +} +.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: #34d399; +} +.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: #34d399; +} +.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: #34d399; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #34d399; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #34d399; + background: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #6ee7b7; + background: #6ee7b7; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #6ee7b7; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #34d399; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6ee7b7; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #34d399; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #34d399; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #6ee7b7; + background: #020617; + color: #6ee7b7; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #34d399; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #34d399; + border: 1px solid #34d399; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #6ee7b7; + color: #020617; + border-color: #6ee7b7; + } + .p-button:not(:disabled):active { + background: #a7f3d0; + color: #020617; + border-color: #a7f3d0; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #34d399; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #34d399; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #34d399; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #34d399; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(24, 111, 80, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(52, 211, 153, 0.16); + border-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(37, 173, 124, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #34d399; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #34d399; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #34d399; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #34d399; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #6ee7b7; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #34d399; + border-style: dashed; + background-color: rgba(52, 211, 153, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #6ee7b7; + color: #020617; + border-color: #6ee7b7; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a7f3d0; + color: #020617; + border-color: #a7f3d0; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #34d399; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #34d399; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #34d399; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #34d399; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #34d399; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #34d399; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(52, 211, 153, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(52, 211, 153, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #34d399; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #34d399; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(42, 195, 139, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #34d399; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #34d399; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #9ae9cc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #34d399; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #34d399; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #34d399; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #34d399; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #34d399; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #34d399; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #34d399; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(52, 211, 153, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-indigo/theme.css b/src/assets/components/themes/aura-dark-indigo/theme.css new file mode 100644 index 00000000000..a77569416c2 --- /dev/null +++ b/src/assets/components/themes/aura-dark-indigo/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #818cf8; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(129, 140, 248, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f9f9ff; + --primary-100:#e1e3fd; + --primary-200:#c9cefc; + --primary-300:#b1b8fb; + --primary-400:#99a2f9; + --primary-500:#818cf8; + --primary-600:#6e77d3; + --primary-700:#5a62ae; + --primary-800:#474d88; + --primary-900:#343863; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #818cf8; +} +.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: #818cf8; +} +.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: #818cf8; +} +.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: #818cf8; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #818cf8; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #818cf8; + background: #818cf8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a5b4fc; + background: #a5b4fc; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #818cf8; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a5b4fc; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #818cf8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #a5b4fc; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #818cf8; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #818cf8; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a5b4fc; + background: #020617; + color: #a5b4fc; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #818cf8; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #818cf8; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #818cf8; + border: 1px solid #818cf8; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #a5b4fc; + color: #020617; + border-color: #a5b4fc; + } + .p-button:not(:disabled):active { + background: #c7d2fe; + color: #020617; + border-color: #c7d2fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #818cf8; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #818cf8; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #818cf8; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #818cf8; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #818cf8; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #818cf8; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #818cf8; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(13, 34, 236, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(129, 140, 248, 0.16); + border-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(58, 75, 244, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #818cf8; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #818cf8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #818cf8; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #818cf8; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #a5b4fc; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #818cf8; + border-style: dashed; + background-color: rgba(129, 140, 248, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #a5b4fc; + color: #020617; + border-color: #a5b4fc; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #c7d2fe; + color: #020617; + border-color: #c7d2fe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #818cf8; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #818cf8; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #818cf8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #818cf8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #818cf8; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #818cf8; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(129, 140, 248, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(129, 140, 248, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #818cf8; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(93, 107, 246, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(129, 140, 248, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #818cf8; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #818cf8; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c0c6fc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #818cf8; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #818cf8; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #818cf8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #818cf8; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #818cf8; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #818cf8; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #818cf8; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(129, 140, 248, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-lime/theme.css b/src/assets/components/themes/aura-dark-lime/theme.css new file mode 100644 index 00000000000..57c6bbcf989 --- /dev/null +++ b/src/assets/components/themes/aura-dark-lime/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #a3e635; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(163, 230, 53, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fafef5; + --primary-100:#e9f9cf; + --primary-200:#d7f4a8; + --primary-300:#c6f082; + --primary-400:#b4eb5b; + --primary-500:#a3e635; + --primary-600:#8bc42d; + --primary-700:#72a125; + --primary-800:#5a7f1d; + --primary-900:#415c15; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #a3e635; +} +.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: #a3e635; +} +.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: #a3e635; +} +.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: #a3e635; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #a3e635; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #a3e635; + background: #a3e635; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #bef264; + background: #bef264; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #a3e635; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #bef264; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #a3e635; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #bef264; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #a3e635; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #a3e635; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #bef264; + background: #020617; + color: #bef264; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a3e635; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a3e635; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #a3e635; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #a3e635; + border: 1px solid #a3e635; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #bef264; + color: #020617; + border-color: #bef264; + } + .p-button:not(:disabled):active { + background: #d9f99d; + color: #020617; + border-color: #d9f99d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #a3e635; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #a3e635; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #a3e635; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #a3e635; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #a3e635; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #a3e635; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(163, 230, 53, 0.04); + color: #a3e635; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(163, 230, 53, 0.16); + color: #a3e635; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(163, 230, 53, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(163, 230, 53, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #a3e635; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(92, 138, 17, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(163, 230, 53, 0.16); + border-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(163, 230, 53, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(135, 201, 25, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #a3e635; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a3e635; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #a3e635; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #a3e635; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #bef264; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #a3e635; + border-style: dashed; + background-color: rgba(163, 230, 53, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #bef264; + color: #020617; + border-color: #bef264; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #d9f99d; + color: #020617; + border-color: #d9f99d; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #a3e635; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #a3e635; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(163, 230, 53, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(163, 230, 53, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a3e635; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a3e635; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #a3e635; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #a3e635; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(163, 230, 53, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(163, 230, 53, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #a3e635; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #a3e635; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a3e635; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a3e635; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(151, 227, 28, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(163, 230, 53, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #a3e635; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #a3e635; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #d1f39a; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #a3e635; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #a3e635; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #a3e635; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #a3e635; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #a3e635; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #a3e635; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #a3e635; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(163, 230, 53, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-noir/theme.css b/src/assets/components/themes/aura-dark-noir/theme.css new file mode 100644 index 00000000000..bf03578584e --- /dev/null +++ b/src/assets/components/themes/aura-dark-noir/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #fafafa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(250, 250, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:white; + --primary-100:#fefefe; + --primary-200:#fdfdfd; + --primary-300:#fcfcfc; + --primary-400:#fbfbfb; + --primary-500:#fafafa; + --primary-600:#d5d5d5; + --primary-700:#afafaf; + --primary-800:#8a8a8a; + --primary-900:#646464; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #fafafa; +} +.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: #fafafa; +} +.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: #fafafa; +} +.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: #fafafa; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #fafafa; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fafafa; + background: #fafafa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #f4f4f5; + background: #f4f4f5; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fafafa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f4f4f5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fafafa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f4f4f5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #fafafa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fafafa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #f4f4f5; + background: #020617; + color: #f4f4f5; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fafafa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fafafa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #fafafa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #fafafa; + border: 1px solid #fafafa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #f4f4f5; + color: #020617; + border-color: #f4f4f5; + } + .p-button:not(:disabled):active { + background: #e4e4e7; + color: #020617; + border-color: #e4e4e7; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #fafafa; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #fafafa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #fafafa; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #fafafa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #fafafa; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #fafafa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(250, 250, 250, 0.04); + color: #fafafa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(250, 250, 250, 0.16); + color: #fafafa; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(250, 250, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(250, 250, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #fafafa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(186, 186, 186, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(250, 250, 250, 0.16); + border-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(250, 250, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(200, 200, 200, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #fafafa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fafafa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #fafafa; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fafafa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #f4f4f5; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fafafa; + border-style: dashed; + background-color: rgba(250, 250, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #f4f4f5; + color: #020617; + border-color: #f4f4f5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #e4e4e7; + color: #020617; + border-color: #e4e4e7; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #fafafa; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #fafafa; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(250, 250, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(250, 250, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #fafafa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #fafafa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fafafa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #fafafa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(250, 250, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(250, 250, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fafafa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #fafafa; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fafafa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fafafa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(225, 225, 225, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(250, 250, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fafafa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #fafafa; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fdfdfd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #fafafa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #fafafa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #fafafa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #fafafa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #fafafa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #fafafa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #fafafa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(250, 250, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-pink/theme.css b/src/assets/components/themes/aura-dark-pink/theme.css new file mode 100644 index 00000000000..a2a535087af --- /dev/null +++ b/src/assets/components/themes/aura-dark-pink/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #f472b6; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(244, 114, 182, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fef8fb; + --primary-100:#fcdded; + --primary-200:#fac2e0; + --primary-300:#f8a8d2; + --primary-400:#f68dc4; + --primary-500:#f472b6; + --primary-600:#cf619b; + --primary-700:#ab507f; + --primary-800:#863f64; + --primary-900:#622e49; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #f472b6; +} +.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: #f472b6; +} +.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: #f472b6; +} +.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: #f472b6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #f472b6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f472b6; + background: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #f9a8d4; + background: #f9a8d4; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #f9a8d4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f472b6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f9a8d4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #f472b6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f472b6; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #f9a8d4; + background: #020617; + color: #f9a8d4; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #f472b6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #f472b6; + border: 1px solid #f472b6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #f9a8d4; + color: #020617; + border-color: #f9a8d4; + } + .p-button:not(:disabled):active { + background: #fbcfe8; + color: #020617; + border-color: #fbcfe8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #f472b6; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #f472b6; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #f472b6; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #f472b6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(214, 17, 120, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(244, 114, 182, 0.16); + border-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(239, 48, 148, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #f472b6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #f472b6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #f472b6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f472b6; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #f9a8d4; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f472b6; + border-style: dashed; + background-color: rgba(244, 114, 182, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #f9a8d4; + color: #020617; + border-color: #f9a8d4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fbcfe8; + color: #020617; + border-color: #fbcfe8; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #f472b6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #f472b6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f472b6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f472b6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f472b6; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #f472b6; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(244, 114, 182, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(244, 114, 182, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #f472b6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(241, 81, 165, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #f472b6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #fab9db; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #f472b6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #f472b6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #f472b6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #f472b6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #f472b6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #f472b6; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #f472b6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(244, 114, 182, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-purple/theme.css b/src/assets/components/themes/aura-dark-purple/theme.css new file mode 100644 index 00000000000..2cc3d376e3d --- /dev/null +++ b/src/assets/components/themes/aura-dark-purple/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #a78bfa; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(167, 139, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fbf9ff; + --primary-100:#eae3fe; + --primary-200:#d9cdfd; + --primary-300:#c8b7fc; + --primary-400:#b8a1fb; + --primary-500:#a78bfa; + --primary-600:#8e76d5; + --primary-700:#7561af; + --primary-800:#5c4c8a; + --primary-900:#433864; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #a78bfa; +} +.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: #a78bfa; +} +.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: #a78bfa; +} +.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: #a78bfa; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #a78bfa; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #a78bfa; + background: #a78bfa; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #c4b5fd; + background: #c4b5fd; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #a78bfa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #c4b5fd; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #a78bfa; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #c4b5fd; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #a78bfa; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #a78bfa; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #c4b5fd; + background: #020617; + color: #c4b5fd; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a78bfa; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #a78bfa; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #a78bfa; + border: 1px solid #a78bfa; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #c4b5fd; + color: #020617; + border-color: #c4b5fd; + } + .p-button:not(:disabled):active { + background: #ddd6fe; + color: #020617; + border-color: #ddd6fe; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #a78bfa; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #a78bfa; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #a78bfa; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #a78bfa; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #a78bfa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #a78bfa; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(74, 17, 245, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(167, 139, 250, 0.16); + border-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(110, 64, 247, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #a78bfa; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a78bfa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #a78bfa; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #a78bfa; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #c4b5fd; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #a78bfa; + border-style: dashed; + background-color: rgba(167, 139, 250, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #c4b5fd; + color: #020617; + border-color: #c4b5fd; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #ddd6fe; + color: #020617; + border-color: #ddd6fe; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #a78bfa; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #a78bfa; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a78bfa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a78bfa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #a78bfa; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #a78bfa; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(167, 139, 250, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(167, 139, 250, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #a78bfa; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(139, 102, 248, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(167, 139, 250, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #a78bfa; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #a78bfa; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #d3c5fd; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #a78bfa; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #a78bfa; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #a78bfa; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #a78bfa; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #a78bfa; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #a78bfa; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #a78bfa; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(167, 139, 250, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-dark-teal/theme.css b/src/assets/components/themes/aura-dark-teal/theme.css new file mode 100644 index 00000000000..8e940aae57b --- /dev/null +++ b/src/assets/components/themes/aura-dark-teal/theme.css @@ -0,0 +1,7774 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #ffffff; + --text-color-secondary: #a1a1aa; + --primary-color: #2dd4bf; + --primary-color-text: #020617; + --surface-0: #18181b; + --surface-50: #27272a; + --surface-100: #3f3f46; + --surface-200: #52525b; + --surface-300: #71717a; + --surface-400: #a1a1aa; + --surface-500: #d4d4d8; + --surface-600: #e4e4e7; + --surface-700: #f4f4f5; + --surface-800: #fafafa; + --surface-900: #ffffff; + --gray-0: #ffffff; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #09090b; + --surface-section: #18181b; + --surface-card: #18181b; + --surface-overlay: #18181b; + --surface-border: #27272a; + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(45, 212, 191, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + --p-anchor-gutter: 2px; + color-scheme: dark; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5fdfc; + --primary-100:#cdf5f0; + --primary-200:#a5ede3; + --primary-300:#7de4d7; + --primary-400:#55dccb; + --primary-500:#2dd4bf; + --primary-600:#26b4a2; + --primary-700:#209486; + --primary-800:#197569; + --primary-900:#12554c; +} + +.p-editor-container .p-editor-toolbar { + background: #18181b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a1a1aa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #ffffff; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f3f46; +} +.p-editor-container .p-editor-content .ql-editor { + background: #09090b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #ffffff; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #ffffff; +} +.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: #2dd4bf; +} +.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: #2dd4bf; +} +.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: #2dd4bf; +} +.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: #2dd4bf; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #fca5a5; + } + + .p-text-secondary { + color: #a1a1aa; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #52525b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; + } + + .p-autocomplete-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + .p-datepicker { + padding: 0.75rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: transparent; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #ffffff; + background: transparent; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #3f3f46; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #2dd4bf; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #3f3f46; + color: #ffffff; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #3f3f46; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #3f3f46; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #3f3f46; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #a1a1aa; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-cascadeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #020617; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #2dd4bf; + background: #2dd4bf; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #5eead4; + background: #5eead4; + color: #020617; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #27272a; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2dd4bf; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #27272a; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #5eead4; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #52525b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3f3f46; + color: #ffffff; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #fca5a5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #18181b; + border: 1px solid #3f3f46; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #52525b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #a1a1aa; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } + + .p-dropdown-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #27272a; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #18181b; + color: #a1a1aa; + border-top: 1px solid #3f3f46; + border-left: 1px solid #3f3f46; + border-bottom: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #3f3f46; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #fca5a5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #fca5a5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #27272a; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #a1a1aa; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #27272a; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #2dd4bf; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #5eead4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #fca5a5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #ffffff; + background: #09090b; + padding: 0.5rem 0.75rem; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #52525b; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #fca5a5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #a1a1aa; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #fca5a5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #a1a1aa; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #a1a1aa; + } + + :-moz-placeholder { + color: #a1a1aa; + } + + ::-moz-placeholder { + color: #a1a1aa; + } + + :-ms-input-placeholder { + color: #a1a1aa; + } + + .p-input-filled .p-inputtext { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #27272a; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #27272a; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #fca5a5; + } + + .p-multiselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #fca5a5; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #3f3f46; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #a1a1aa; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #3f3f46; + background: #09090b; + width: 1.25rem; + height: 1.25rem; + color: #ffffff; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #2dd4bf; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #2dd4bf; + background: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #5eead4; + background: #020617; + color: #5eead4; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #fca5a5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #020617; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #020617; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #2dd4bf; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-selectbutton .p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #fca5a5; + } + + .p-slider { + background: #3f3f46; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #3f3f46; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #2dd4bf; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #3f3f46; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #09090b; + border: 1px solid #09090b; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #a1a1aa; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .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: #ffffff; + } + .p-togglebutton.p-button.p-highlight { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #09090b; + border-color: #09090b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #fca5a5; + } + + .p-treeselect { + background: #09090b; + border: 1px solid #3f3f46; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #52525b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #a1a1aa; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #3f3f46; + color: #ffffff; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #a1a1aa; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #fca5a5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #27272a; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #27272a; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #a1a1aa; + right: 2.5rem; + } + + .p-button { + color: #020617; + background: #2dd4bf; + border: 1px solid #2dd4bf; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #5eead4; + color: #020617; + border-color: #5eead4; + } + .p-button:not(:disabled):active { + background: #99f6e4; + color: #020617; + border-color: #99f6e4; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button.p-button-text { + background-color: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #2dd4bf; + background-color: #020617; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + .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: transparent; + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + border: 1px solid; + } + .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-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .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: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .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: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .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-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .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-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .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-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .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-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .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-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .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-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .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-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .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-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #2dd4bf; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #2dd4bf; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #3f3f46; + color: #a1a1aa; + } + .p-speeddial-action:hover { + background: #3f3f46; + color: #ffffff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #2dd4bf; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #a1a1aa; + border-color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #2dd4bf; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #a1a1aa; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #27272a; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #27272a; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(39, 39, 42, 0.04); + border-color: transparent; + color: #27272a; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(39, 39, 42, 0.16); + border-color: transparent; + color: #27272a; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #3f3f46; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #3f3f46; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(45, 212, 191, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-datatable .p-column-resizer-helper { + background: #2dd4bf; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #18181b; + } + .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: #18181b; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #1f1f22; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #ffffff; + background: #18181b; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #3f3f46; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-orderlist .p-orderlist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-orderlist .p-orderlist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1f1f22; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(22, 107, 97, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #3f3f46; + border-color: #3f3f46; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #18181b; + color: #ffffff; + border: solid #3f3f46; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #a1a1aa; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(45, 212, 191, 0.16); + border-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: #ffffff; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #18181b; + border: 1px solid #3f3f46; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-picklist .p-picklist-header { + color: #ffffff; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #18181b; + border: 1px solid #3f3f46; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-picklist .p-picklist-list { + color: #ffffff; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f3f46; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #ffffff; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1f1f22; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #ffffff; + background: #18181b; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #3f3f46; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-connector { + background-color: #3f3f46; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #a1a1aa; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .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: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #a1a1aa; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 171, 154, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #3f3f46; + background-color: #18181b; + color: #ffffff; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #a1a1aa; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + font-weight: 600; + color: #ffffff; + background: #18181b; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #a1a1aa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #18181b; + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-column-resizer-helper { + background: #2dd4bf; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #18181b; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #18181b; + color: #ffffff; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #18181b; + color: #ffffff; + border: 1px solid #27272a; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #a1a1aa; + background: #18181b; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #18181b; + color: #ffffff; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #a1a1aa; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #18181b; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #3f3f46; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #3f3f46; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + background: #18181b; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #3f3f46; + color: #ffffff; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #3f3f46; + padding: 1.125rem; + background: #18181b; + color: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + background: #18181b; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #3f3f46; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #3f3f46; + background: #18181b; + border-radius: 6px; + color: #ffffff; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #3f3f46; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #3f3f46; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #2dd4bf; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #2dd4bf; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3f3f46; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #18181b; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #3f3f46; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #3f3f46; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #18181b; + color: #ffffff; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #18181b; + color: #ffffff; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #2dd4bf; + color: #020617; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #5eead4; + color: #020617; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(24, 24, 27, 0); + border-bottom-color: #18181b; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(63, 63, 70, 0); + border-bottom-color: #3c3c43; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #18181b; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #3f3f46; + } + + .p-sidebar { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #3f3f46; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #3f3f46; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #3f3f46; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #3f3f46; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #3f3f46; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #18181b; + padding: 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #18181b; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #3f3f46; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #2dd4bf; + border-style: dashed; + background-color: rgba(45, 212, 191, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #5eead4; + color: #020617; + border-color: #5eead4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #99f6e4; + color: #020617; + border-color: #99f6e4; + } + + .p-breadcrumb { + background: #18181b; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #71717a; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #ffffff; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #71717a; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-megamenu-panel { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu.p-menu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #71717a; + background: #18181b; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #71717a; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #a1a1aa; + background: #18181b; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #a1a1aa; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #18181b; + border-color: #18181b; + color: #ffffff; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #18181b; + background: #18181b; + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #18181b; + color: #ffffff; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu.p-slidemenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #ffffff; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #18181b; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #a1a1aa; + border: 1px solid #3f3f46; + background: #18181b; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #ffffff; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #3f3f46; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #18181b; + border-color: #3f3f46; + color: #2dd4bf; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #18181b; + color: #2dd4bf; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #18181b; + border: 1px solid #3f3f46; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #ffffff; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #ffffff; + background: rgba(255, 255, 255, 0.08); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #3f3f46; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #22c55e; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #eab308; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ef4444; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-message.p-message-success .p-message-icon { + color: #22c55e; + } + .p-message.p-message-success .p-message-close { + color: #22c55e; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-message.p-message-warn .p-message-icon { + color: #eab308; + } + .p-message.p-message-warn .p-message-close { + color: #eab308; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-message.p-message-error .p-message-icon { + color: #ef4444; + } + .p-message.p-message-error .p-message-close { + color: #ef4444; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.16); + border: solid rgba(29, 78, 216, 0.36); + border-width: 1px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(34, 197, 94, 0.16); + border: solid rgba(21, 128, 61, 0.36); + border-width: 1px; + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.16); + border: solid rgba(161, 98, 7, 0.36); + border-width: 1px; + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.16); + border: solid rgba(185, 28, 28, 0.36); + border-width: 1px; + color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ef4444; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #a1a1aa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ffffff; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #3f3f46; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #3f3f46; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #a1a1aa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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.03); + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #a1a1aa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.03); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #3f3f46; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #18181b; + } + + .p-badge { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #27272a; + color: #d4d4d8; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #3f3f46; + color: #ffffff; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f3f46; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #2dd4bf; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #2dd4bf; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #3f3f46; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #2dd4bf; + } + .p-progressbar .p-progressbar-label { + color: #020617; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrolltop.p-link { + background: #3f3f46; + } + .p-scrolltop.p-link:hover { + background: #3f3f46; + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #2dd4bf; + color: #020617; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #18181b; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #27272a; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #4ade80; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #38bdf8; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #fb923c; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #c084fc; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #f87171; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #ffffff; + } + .p-button.p-button-outlined { + border-color: rgba(45, 212, 191, 0.44); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: rgba(45, 212, 191, 0.44); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: rgba(82, 82, 91, 0.48); + color: #a1a1aa; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.04); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #a1a1aa; + background-color: rgba(255, 255, 255, 0.16); + border-color: rgba(82, 82, 91, 0.48); + } + .p-button.p-button-outlined.p-button-success { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: rgba(21, 128, 61, 0.44); + } + .p-button.p-button-outlined.p-button-info { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: rgba(29, 78, 216, 0.44); + } + .p-button.p-button-outlined.p-button-warning { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: rgba(161, 98, 7, 0.44); + } + .p-button.p-button-outlined.p-button-help { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: rgba(109, 40, 217, 0.44); + } + .p-button.p-button-outlined.p-button-danger { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: rgba(185, 28, 28, 0.44); + } + .p-button.p-button-outlined.p-button-contrast { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: rgba(255, 255, 255, 0.44); + } + .p-button.p-button-secondary.p-button-text { + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background-color: rgba(255, 255, 255, 0.04); + color: #a1a1aa; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background-color: rgba(255, 255, 255, 0.16); + color: #a1a1aa; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + background-color: #3f3f46; + color: #a1a1aa; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #2dd4bf; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #3f3f46; + border: 1px solid #3f3f46; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #a1a1aa; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #3f3f46; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #18181b; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #a1a1aa; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: rgba(39, 192, 173, 0.16); + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: rgba(45, 212, 191, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #a1a1aa; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: rgba(255, 255, 255, 0.03); + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #2dd4bf; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(10px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #3f3f46; + color: #a1a1aa; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: rgba(255, 255, 255, 0.03); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: rgba(255, 255, 255, 0.08); + color: #ffffff; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #3f3f46; + color: #a1a1aa; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #a1a1aa; + } + + .p-message { + backdrop-filter: blur(10px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #3b82f6; + } + .p-message.p-message-info .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #22c55e; + } + .p-message.p-message-success .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #eab308; + } + .p-message.p-message-warn .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #ef4444; + } + .p-message.p-message-error .p-message-close:hover { + background: rgba(255, 255, 255, 0.05); + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #d4d4d8; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #3f3f46; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #09090b; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #f4f4f5; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #a1a1aa; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: rgba(255, 255, 255, 0.08); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #ffffff; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #71717a; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + /*line-height: 1.5;*/ + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #3f3f46; + border-radius: 6px; + } + + .p-password-panel { + background-color: #18181b; + border: 1px solid #3f3f46; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #3f3f46; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #f87171; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #fbbf24; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #4ade80; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-orderlist .p-orderlist-header { + background: #18181b; + color: #ffffff; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #3f3f46; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #3f3f46; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #a1a1aa; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #ffffff; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #3f3f46; + border-radius: 6px; + background-color: #18181b; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #d4d4d8; + background: #27272a; + border: 1px solid #27272a; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #3f3f46; + color: #d4d4d8; + border-color: #3f3f46; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #52525b; + color: #d4d4d8; + border-color: #52525b; + } + + .p-picklist .p-picklist-header { + background: #18181b; + color: #ffffff; + border: 1px solid #3f3f46; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #a1a1aa; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #3f3f46; + border: 0 none; + background: #18181b; + color: #ffffff; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #2dd4bf; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #3f3f46; + background-color: #3f3f46; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #a1a1aa; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #52525b; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #71717a; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #fca5a5; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #09090b; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #71717a; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #09090b; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #96eadf; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #18181b; + color: #2dd4bf; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #2dd4bf; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #18181b; + color: #2dd4bf; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #2dd4bf; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #2dd4bf; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #2dd4bf; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #a1a1aa; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #ffffff; + } + + .p-tag { + background: color-mix(in srgb, var(--primary-500), transparent 80%); + color: var(--primary-300); + } + .p-tag.p-tag-success { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-tag.p-tag-info { + background: rgba(59, 130, 246, 0.16); + color: #3b82f6; + } + .p-tag.p-tag-warning { + background: rgba(234, 179, 8, 0.16); + color: #eab308; + } + .p-tag.p-tag-danger { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + + .p-terminal { + background: #09090b; + color: #ffffff; + border: 1px solid #3f3f46; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #2dd4bf; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(10px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #22c55e; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #eab308; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.075); + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.05); + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #3f3f46; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #ef4444; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #f4f4f5; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #27272a; + border-color: #27272a; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #71717a; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #71717a; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: rgba(45, 212, 191, 0.16); + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #3f3f46; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #a1a1aa; + } +} diff --git a/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-amber/theme.css b/src/assets/components/themes/aura-light-amber/theme.css new file mode 100644 index 00000000000..7be478a0766 --- /dev/null +++ b/src/assets/components/themes/aura-light-amber/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #f59e0b; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fffbeb; + --highlight-text-color: #b45309; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fffaf3; + --primary-100:#fde8c4; + --primary-200:#fbd596; + --primary-300:#f9c368; + --primary-400:#f7b039; + --primary-500:#f59e0b; + --primary-600:#d08609; + --primary-700:#ac6f08; + --primary-800:#875706; + --primary-900:#623f04; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #f59e0b; +} +.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: #f59e0b; +} +.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: #f59e0b; +} +.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: #f59e0b; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #f59e0b; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f59e0b; + background: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #d97706; + background: #d97706; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #d97706; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f59e0b; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #d97706; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #f59e0b; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f59e0b; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #d97706; + background: #ffffff; + color: #d97706; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #f59e0b; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #f59e0b; + border: 1px solid #f59e0b; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-button:not(:disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #f59e0b; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #d97706; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #d97706; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #d97706; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fffbeb; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fffbeb; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #f59e0b; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #b45309; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fffbeb; + color: #b45309; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ffe26c; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fffbeb; + border-color: #fffbeb; + color: #b45309; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .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: #b45309; + } + .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: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #ffe789; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fffbeb; + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #b45309; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #f59e0b; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #f59e0b; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #f59e0b; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f59e0b; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #d97706; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f59e0b; + border-style: dashed; + background-color: #fffbeb; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fffbeb; + color: #b45309; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #f59e0b; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #f59e0b; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #fffbeb; + color: #b45309; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #f59e0b; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #f59e0b; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f59e0b; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #f59e0b; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #fff1ba; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #fff1ba; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #fff1ba; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #fff1ba; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #fffbeb; + color: #b45309; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #f59e0b; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #facf85; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #f59e0b; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #f59e0b; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #f59e0b; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #f59e0b; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #f59e0b; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #f59e0b; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #f59e0b; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #fffbeb; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-blue/theme.css b/src/assets/components/themes/aura-light-blue/theme.css new file mode 100644 index 00000000000..2dcbd06ebf9 --- /dev/null +++ b/src/assets/components/themes/aura-light-blue/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #3B82F6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EFF6FF; + --highlight-text-color: #1D4ED8; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5f9ff; + --primary-100:#d0e1fd; + --primary-200:#abc9fb; + --primary-300:#85b2f9; + --primary-400:#609af8; + --primary-500:#3b82f6; + --primary-600:#326fd1; + --primary-700:#295bac; + --primary-800:#204887; + --primary-900:#183462; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #3B82F6; +} +.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: #3B82F6; +} +.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: #3B82F6; +} +.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: #3B82F6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #3B82F6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #3B82F6; + background: #3B82F6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2563eb; + background: #2563eb; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #3B82F6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2563eb; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #3B82F6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #2563eb; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #3B82F6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #3B82F6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2563eb; + background: #ffffff; + color: #2563eb; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #3B82F6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #3B82F6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-button:not(:disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #3B82F6; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #2563eb; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #2563eb; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #2563eb; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #3B82F6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #3B82F6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #1D4ED8; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EFF6FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EFF6FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #3B82F6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #1D4ED8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #1D4ED8; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EFF6FF; + color: #1D4ED8; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #70aeff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EFF6FF; + border-color: #EFF6FF; + color: #1D4ED8; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #1D4ED8; + background: #EFF6FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .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: #1D4ED8; + } + .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: #1D4ED8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8cbeff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EFF6FF; + color: #1D4ED8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #1D4ED8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #1D4ED8; + background: #EFF6FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EFF6FF; + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #1D4ED8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #1D4ED8; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #3B82F6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #3B82F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #3B82F6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #2563eb; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #3B82F6; + border-style: dashed; + background-color: #EFF6FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #2563eb; + color: #ffffff; + border-color: #2563eb; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EFF6FF; + color: #1D4ED8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #3B82F6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1D4ED8; + background: #EFF6FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1D4ED8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1D4ED8; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EFF6FF; + color: #1D4ED8; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #EFF6FF; + color: #1D4ED8; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3B82F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3B82F6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3B82F6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #3B82F6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #3B82F6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #3B82F6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #3B82F6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bedaff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bedaff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bedaff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bedaff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #EFF6FF; + color: #1D4ED8; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #3B82F6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #3B82F6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #9dc1fb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #3B82F6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #3B82F6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #3B82F6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #3B82F6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #3B82F6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #3B82F6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #3B82F6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #EFF6FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-cyan/theme.css b/src/assets/components/themes/aura-light-cyan/theme.css new file mode 100644 index 00000000000..6e311ba71c7 --- /dev/null +++ b/src/assets/components/themes/aura-light-cyan/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #06b6d4; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfeff; + --highlight-text-color: #0e7490; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fbfd; + --primary-100:#c3edf5; + --primary-200:#94e0ed; + --primary-300:#65d2e4; + --primary-400:#35c4dc; + --primary-500:#06b6d4; + --primary-600:#059bb4; + --primary-700:#047f94; + --primary-800:#036475; + --primary-900:#024955; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #06b6d4; +} +.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: #06b6d4; +} +.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: #06b6d4; +} +.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: #06b6d4; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #06b6d4; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #06b6d4; + background: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0891b2; + background: #0891b2; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0891b2; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #06b6d4; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0891b2; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #06b6d4; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #06b6d4; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0891b2; + background: #ffffff; + color: #0891b2; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #06b6d4; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #06b6d4; + border: 1px solid #06b6d4; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-button:not(:disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #06b6d4; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #0891b2; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0891b2; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0891b2; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfeff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfeff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #06b6d4; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0e7490; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfeff; + color: #0e7490; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6df7ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfeff; + border-color: #ecfeff; + color: #0e7490; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .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: #0e7490; + } + .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: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8af9ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfeff; + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0e7490; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #06b6d4; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #06b6d4; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #06b6d4; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #06b6d4; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0891b2; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #06b6d4; + border-style: dashed; + background-color: #ecfeff; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfeff; + color: #0e7490; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #06b6d4; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #06b6d4; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #ecfeff; + color: #0e7490; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #06b6d4; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #06b6d4; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #06b6d4; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #06b6d4; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bbfbff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bbfbff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bbfbff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bbfbff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #ecfeff; + color: #0e7490; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #06b6d4; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #71e7fb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #06b6d4; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #06b6d4; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #06b6d4; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #06b6d4; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #06b6d4; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #06b6d4; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #06b6d4; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #ecfeff; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-green/theme.css b/src/assets/components/themes/aura-light-green/theme.css new file mode 100644 index 00000000000..05943cb512e --- /dev/null +++ b/src/assets/components/themes/aura-light-green/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #10b981; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfdf5; + --highlight-text-color: #047857; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fcf9; + --primary-100:#c6eee1; + --primary-200:#98e1c9; + --primary-300:#6bd4b1; + --primary-400:#3dc699; + --primary-500:#10b981; + --primary-600:#0e9d6e; + --primary-700:#0b825a; + --primary-800:#096647; + --primary-900:#064a34; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #10b981; +} +.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: #10b981; +} +.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: #10b981; +} +.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: #10b981; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #10b981; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #10b981; + background: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #059669; + background: #059669; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #059669; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #10b981; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #059669; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #10b981; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #10b981; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #059669; + background: #ffffff; + color: #059669; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #10b981; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-button:not(:disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #10b981; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #059669; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #059669; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #059669; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfdf5; + color: #047857; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #047857; + background: #ecfdf5; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfdf5; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfdf5; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #10b981; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #047857; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfdf5; + color: #047857; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #79f1b8; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfdf5; + border-color: #ecfdf5; + color: #047857; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #047857; + background: #ecfdf5; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #d1fae5; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfdf5; + color: #047857; + } + .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: #047857; + } + .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: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #94f4c6; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfdf5; + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #047857; + background: #ecfdf5; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfdf5; + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #047857; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #10b981; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #10b981; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #10b981; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #10b981; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #059669; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #10b981; + border-style: dashed; + background-color: #ecfdf5; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfdf5; + color: #047857; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #10b981; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #10b981; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #ecfdf5; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #d1fae5; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfdf5; + color: #047857; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #ecfdf5; + color: #047857; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #10b981; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #10b981; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #10b981; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #10b981; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #10b981; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c0f8de; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #c0f8de; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c0f8de; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #c0f8de; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #ecfdf5; + color: #047857; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #10b981; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #10b981; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #71f3c8; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #10b981; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #10b981; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #10b981; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #10b981; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #10b981; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #10b981; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #10b981; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #ecfdf5; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-indigo/theme.css b/src/assets/components/themes/aura-light-indigo/theme.css new file mode 100644 index 00000000000..d7f150fafe5 --- /dev/null +++ b/src/assets/components/themes/aura-light-indigo/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #6366F1; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #EEF2FF; + --highlight-text-color: #4338CA; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f7f7fe; + --primary-100:#dadafc; + --primary-200:#bcbdf9; + --primary-300:#9ea0f6; + --primary-400:#8183f4; + --primary-500:#6366f1; + --primary-600:#5457cd; + --primary-700:#4547a9; + --primary-800:#363885; + --primary-900:#282960; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #6366F1; +} +.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: #6366F1; +} +.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: #6366F1; +} +.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: #6366F1; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #6366F1; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #6366F1; + background: #6366F1; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #4F46E5; + background: #4F46E5; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #6366F1; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #4F46E5; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #6366F1; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #4F46E5; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #6366F1; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #6366F1; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #4F46E5; + background: #ffffff; + color: #4F46E5; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #6366F1; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #6366F1; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #6366F1; + border: 1px solid #6366F1; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-button:not(:disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #6366F1; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #4F46E5; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #4F46E5; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #4F46E5; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #6366F1; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #6366F1; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(99, 102, 241, 0.04); + color: #6366F1; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(99, 102, 241, 0.16); + color: #6366F1; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4338CA; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #EEF2FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #EEF2FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #6366F1; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4338CA; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4338CA; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #EEF2FF; + color: #4338CA; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6f91ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #EEF2FF; + border-color: #EEF2FF; + color: #4338CA; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4338CA; + background: #EEF2FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .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: #4338CA; + } + .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: #4338CA; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8ba7ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #EEF2FF; + color: #4338CA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4338CA; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4338CA; + background: #EEF2FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #EEF2FF; + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4338CA; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4338CA; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #6366F1; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #6366F1; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #6366F1; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #4F46E5; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #6366F1; + border-style: dashed; + background-color: #EEF2FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #4F46E5; + color: #ffffff; + border-color: #4F46E5; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4338CA; + color: #ffffff; + border-color: #4338CA; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #EEF2FF; + color: #4338CA; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #6366F1; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338CA; + background: #EEF2FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338CA; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338CA; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #E0E7FF; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #EEF2FF; + color: #4338CA; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #EEF2FF; + color: #4338CA; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #6366F1; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #6366F1; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #6366F1; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #6366F1; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #6366F1; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #6366F1; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #6366F1; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bdccff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #bdccff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #bdccff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #bdccff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #EEF2FF; + color: #4338CA; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #6366F1; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #6366F1; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #b1b3f8; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #6366F1; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #6366F1; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #6366F1; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #6366F1; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #6366F1; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #6366F1; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #6366F1; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #EEF2FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-lime/theme.css b/src/assets/components/themes/aura-light-lime/theme.css new file mode 100644 index 00000000000..323461edf47 --- /dev/null +++ b/src/assets/components/themes/aura-light-lime/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #84cc16; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #f7fee7; + --highlight-text-color: #4d7c0f; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f9fcf3; + --primary-100:#e1f3c7; + --primary-200:#cae99b; + --primary-300:#b3df6f; + --primary-400:#9bd642; + --primary-500:#84cc16; + --primary-600:#70ad13; + --primary-700:#5c8f0f; + --primary-800:#49700c; + --primary-900:#355209; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #84cc16; +} +.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: #84cc16; +} +.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: #84cc16; +} +.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: #84cc16; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #84cc16; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #84cc16; + background: #84cc16; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #65a30d; + background: #65a30d; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #84cc16; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #65a30d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #84cc16; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #65a30d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #84cc16; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #84cc16; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #65a30d; + background: #ffffff; + color: #65a30d; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #84cc16; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #84cc16; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #84cc16; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #84cc16; + border: 1px solid #84cc16; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #65a30d; + color: #ffffff; + border-color: #65a30d; + } + .p-button:not(:disabled):active { + background: #4d7c0f; + color: #ffffff; + border-color: #4d7c0f; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #84cc16; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #65a30d; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #65a30d; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #65a30d; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #84cc16; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #84cc16; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(132, 204, 22, 0.04); + color: #84cc16; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(132, 204, 22, 0.16); + color: #84cc16; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f7fee7; + color: #4d7c0f; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4d7c0f; + background: #f7fee7; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #4d7c0f; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f7fee7; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f7fee7; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #84cc16; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #4d7c0f; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #4d7c0f; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #f7fee7; + color: #4d7c0f; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #cef96d; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #f7fee7; + border-color: #f7fee7; + color: #4d7c0f; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #4d7c0f; + background: #f7fee7; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(132, 204, 22, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .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: #4d7c0f; + } + .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: #4d7c0f; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #d8fa8a; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #f7fee7; + color: #4d7c0f; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #4d7c0f; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #4d7c0f; + background: #f7fee7; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #f7fee7; + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #4d7c0f; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #4d7c0f; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #84cc16; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #84cc16; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #84cc16; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #84cc16; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #65a30d; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #84cc16; + border-style: dashed; + background-color: #f7fee7; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #65a30d; + color: #ffffff; + border-color: #65a30d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #4d7c0f; + color: #ffffff; + border-color: #4d7c0f; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f7fee7; + color: #4d7c0f; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #84cc16; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #84cc16; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4d7c0f; + background: #f7fee7; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4d7c0f; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4d7c0f; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(132, 204, 22, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f7fee7; + color: #4d7c0f; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #f7fee7; + color: #4d7c0f; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #84cc16; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #84cc16; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #84cc16; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #84cc16; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #84cc16; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #84cc16; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #84cc16; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #84cc16; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #e7fcb8; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #e7fcb8; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #e7fcb8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #e7fcb8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #f7fee7; + color: #4d7c0f; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #84cc16; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #84cc16; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c4f17f; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #84cc16; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #84cc16; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #84cc16; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #84cc16; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #84cc16; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #84cc16; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #84cc16; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #f7fee7; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-noir/theme.css b/src/assets/components/themes/aura-light-noir/theme.css new file mode 100644 index 00000000000..07ebd6305ae --- /dev/null +++ b/src/assets/components/themes/aura-light-noir/theme.css @@ -0,0 +1,7785 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #020617; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #020617; + --highlight-text-color: #ffffff; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f2f3f3; + --primary-100:#c2c3c7; + --primary-200:#92949b; + --primary-300:#62656f; + --primary-400:#323543; + --primary-500:#020617; + --primary-600:#020514; + --primary-700:#010410; + --primary-800:#01030d; + --primary-900:#010209; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #020617; +} +.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: #020617; +} +.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: #020617; +} +.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: #020617; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #334155; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #020617; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #ffffff; + background: #020617; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #334155; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #020617; + background: #020617; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0f172a; + background: #0f172a; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #020617; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0f172a; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-highlight .p-checkbox .p-checkbox-box { + border-color: #ffffff; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #334155; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #020617; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0f172a; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #334155; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #334155; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #020617; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #020617; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0f172a; + background: #ffffff; + color: #0f172a; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #020617; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #020617; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ffffff; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #020617; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #020617; + border: 1px solid #020617; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; + } + .p-button:not(:disabled):active { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #020617; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #0f172a; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0f172a; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0f172a; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #020617; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #020617; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(2, 6, 23, 0.04); + color: #020617; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(2, 6, 23, 0.16); + color: #020617; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #020617; + color: #ffffff; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #ffffff; + background: #020617; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #020617; + color: #ffffff; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #ffffff; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #020617; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #020617; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #020617; + color: #ffffff; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #ffffff; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #ffffff; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #020617; + color: #ffffff; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #334155; + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #020617; + color: #ffffff; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: black; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #020617; + border-color: #020617; + color: #ffffff; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #ffffff; + background: #020617; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #334155; + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #020617; + color: #ffffff; + } + .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: #ffffff; + } + .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: #ffffff; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #020512; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #020617; + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #ffffff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #ffffff; + background: #020617; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #020617; + color: #ffffff; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #020617; + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #ffffff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #ffffff; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #020617; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #020617; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #020617; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #020617; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0f172a; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #020617; + border-style: dashed; + background-color: #020617; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0f172a; + color: #ffffff; + border-color: #0f172a; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #1e293b; + color: #ffffff; + border-color: #1e293b; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #020617; + color: #ffffff; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #020617; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #020617; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #ffffff; + background: #020617; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #ffffff; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #ffffff; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #020617; + color: #ffffff; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #020617; + color: #ffffff; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #020617; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #020617; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #020617; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #020617; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #020617; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #020617; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #020617; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #020515; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #020515; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #020515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #020515; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #020617; + color: #ffffff; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #020617; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #020617; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #2047ec; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #020617; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #020617; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #020617; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #020617; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #020617; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #020617; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #020617; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #020617; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-pink/theme.css b/src/assets/components/themes/aura-light-pink/theme.css new file mode 100644 index 00000000000..008825d528d --- /dev/null +++ b/src/assets/components/themes/aura-light-pink/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #ec4899; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fdf2f8; + --highlight-text-color: #be185d; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fef6fa; + --primary-100:#fad3e7; + --primary-200:#f7b0d3; + --primary-300:#f38ec0; + --primary-400:#f06bac; + --primary-500:#ec4899; + --primary-600:#c93d82; + --primary-700:#a5326b; + --primary-800:#822854; + --primary-900:#5e1d3d; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #ec4899; +} +.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: #ec4899; +} +.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: #ec4899; +} +.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: #ec4899; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #ec4899; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #ec4899; + background: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #db2777; + background: #db2777; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #db2777; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #ec4899; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #db2777; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #ec4899; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #ec4899; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #db2777; + background: #ffffff; + color: #db2777; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #ec4899; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #ec4899; + border: 1px solid #ec4899; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-button:not(:disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #ec4899; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #db2777; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #db2777; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #db2777; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fdf2f8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fdf2f8; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #ec4899; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #be185d; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fdf2f8; + color: #be185d; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ec84bd; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fdf2f8; + border-color: #fdf2f8; + color: #be185d; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .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: #be185d; + } + .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: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #f09cca; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fdf2f8; + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #be185d; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #ec4899; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #ec4899; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #ec4899; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #ec4899; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #db2777; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #ec4899; + border-style: dashed; + background-color: #fdf2f8; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fdf2f8; + color: #be185d; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #ec4899; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #ec4899; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #fdf2f8; + color: #be185d; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #ec4899; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #ec4899; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #ec4899; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #ec4899; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #f6c7e1; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #f6c7e1; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #f6c7e1; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #f6c7e1; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #fdf2f8; + color: #be185d; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #ec4899; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #f6a4cc; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #ec4899; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #ec4899; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #ec4899; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #ec4899; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #ec4899; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #ec4899; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #ec4899; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #fdf2f8; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-purple/theme.css b/src/assets/components/themes/aura-light-purple/theme.css new file mode 100644 index 00000000000..8f457718d3d --- /dev/null +++ b/src/assets/components/themes/aura-light-purple/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #8B5CF6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #F5F3FF; + --highlight-text-color: #6D28D9; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f9f7ff; + --primary-100:#e3d8fd; + --primary-200:#cdb9fb; + --primary-300:#b79af9; + --primary-400:#a17bf8; + --primary-500:#8b5cf6; + --primary-600:#764ed1; + --primary-700:#6140ac; + --primary-800:#4c3387; + --primary-900:#382562; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} +.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: #8B5CF6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #8B5CF6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #8B5CF6; + background: #8B5CF6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #7C3AED; + background: #7C3AED; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #8B5CF6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #7C3AED; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #8B5CF6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #7C3AED; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #8B5CF6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #8B5CF6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #7C3AED; + background: #ffffff; + color: #7C3AED; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #8B5CF6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #8B5CF6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #8B5CF6; + border: 1px solid #8B5CF6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-button:not(:disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #8B5CF6; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #7C3AED; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #7C3AED; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #7C3AED; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #8B5CF6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #8B5CF6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(139, 92, 246, 0.04); + color: #8B5CF6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(139, 92, 246, 0.16); + color: #8B5CF6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #6D28D9; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F5F3FF; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F5F3FF; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #8B5CF6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #6D28D9; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #6D28D9; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F5F3FF; + color: #6D28D9; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #8b74ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F5F3FF; + border-color: #F5F3FF; + color: #6D28D9; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #6D28D9; + background: #F5F3FF; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .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: #6D28D9; + } + .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: #6D28D9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #a28fff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F5F3FF; + color: #6D28D9; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #6D28D9; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #6D28D9; + background: #F5F3FF; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F5F3FF; + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #6D28D9; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #6D28D9; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #8B5CF6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #8B5CF6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #8B5CF6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #7C3AED; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #8B5CF6; + border-style: dashed; + background-color: #F5F3FF; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #7C3AED; + color: #ffffff; + border-color: #7C3AED; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #6D28D9; + color: #ffffff; + border-color: #6D28D9; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F5F3FF; + color: #6D28D9; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #8B5CF6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6D28D9; + background: #F5F3FF; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6D28D9; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6D28D9; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F5F3FF; + color: #6D28D9; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #F5F3FF; + color: #6D28D9; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #8B5CF6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #8B5CF6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #8B5CF6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #8B5CF6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #8B5CF6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #8B5CF6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #8B5CF6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #ccc1ff; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #ccc1ff; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #ccc1ff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #ccc1ff; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #F5F3FF; + color: #6D28D9; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #8B5CF6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #8B5CF6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #c5aefb; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #8B5CF6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #8B5CF6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #8B5CF6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #8B5CF6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #8B5CF6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #8B5CF6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #8B5CF6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #F5F3FF; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/aura-light-teal/theme.css b/src/assets/components/themes/aura-light-teal/theme.css new file mode 100644 index 00000000000..c278d7fd564 --- /dev/null +++ b/src/assets/components/themes/aura-light-teal/theme.css @@ -0,0 +1,7777 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --text-color: #334155; + --text-color-secondary: #64748b; + --primary-color: #14b8a6; + --primary-color-text: #ffffff; + --surface-0: #ffffff; + --surface-50: #f8fafc; + --surface-100: #f1f5f9; + --surface-200: #e2e8f0; + --surface-300: #cbd5e1; + --surface-400: #94a3b8; + --surface-500: #64748b; + --surface-600: #475569; + --surface-700: #334155; + --surface-800: #1e293b; + --surface-900: #0f172a; + --surface-950: #020617; + --gray-0: #ffffff; + --gray-50: #f8fafc; + --gray-100: #f1f5f9; + --gray-200: #e2e8f0; + --gray-300: #cbd5e1; + --gray-400: #94a3b8; + --gray-500: #64748b; + --gray-600: #475569; + --gray-700: #334155; + --gray-800: #1e293b; + --gray-900: #0f172a; + --gray-950: #020617; + --content-padding: 1.125rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f8fafc; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e2e8f0; + --surface-hover: #f1f5f9; + --focus-ring: none; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #f0fdfa; + --highlight-text-color: #0f766e; + --p-anchor-gutter: 2px; + color-scheme: light; +} + +:root { + --p-focus-ring-color: var(--primary-color); +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fbfb; + --primary-100:#c7eeea; + --primary-200:#9ae0d9; + --primary-300:#6dd3c8; + --primary-400:#41c5b7; + --primary-500:#14b8a6; + --primary-600:#119c8d; + --primary-700:#0e8174; + --primary-800:#0b655b; + --primary-900:#084a42; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #64748b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.25rem 0.25rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #334155; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #1e293b; + background: #f1f5f9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e2e8f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #334155; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #334155; +} +.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: #14b8a6; +} +.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: #14b8a6; +} +.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: #14b8a6; +} +.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: #14b8a6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #f87171; + } + + .p-text-secondary { + color: #64748b; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.25rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #94a3b8; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.75rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #f87171; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.25rem 0.25rem; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f87171; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f87171; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + .p-datepicker { + padding: 0.75rem; + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0 0 0.5rem 0; + color: #334155; + background: #ffffff; + font-weight: 500; + margin: 0 0 0 0; + border-bottom: 1px solid #e2e8f0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 1.75rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-weight: 500; + padding: 0.25rem; + } + .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: #14b8a6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0 0 0; + } + .p-datepicker table th { + padding: 0.25rem; + } + .p-datepicker table th > span { + width: 2rem; + height: 2rem; + } + .p-datepicker table td { + padding: 0.25rem; + } + .p-datepicker table td > span { + width: 2rem; + height: 2rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker table td > span:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker table td.p-datepicker-today > span { + background: #e2e8f0; + color: #0f172a; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 0.5rem 0 0 0; + border-top: 1px solid #e2e8f0; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e2e8f0; + padding: 0; + } + .p-datepicker .p-timepicker button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0 0 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.25rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e2e8f0; + padding-right: 0.75rem; + padding-left: 0.75rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #94a3b8; + right: 3.25rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0.25rem; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #64748b; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #f87171; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.25rem 0.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 0.75rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f87171; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 1.25rem; + height: 1.25rem; + } + .p-checkbox .p-checkbox-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 0.875rem; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #14b8a6; + background: #14b8a6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0d9488; + background: #0d9488; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #14b8a6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8fafc; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0d9488; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f87171; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #94a3b8; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e2e8f0; + color: #0f172a; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f87171; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 1.5rem; + height: 1.5rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #64748b; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #f87171; + } + + .p-dropdown-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.25rem 0.25rem; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f87171; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + + .p-inputgroup-addon { + background: #ffffff; + color: #64748b; + border-top: 1px solid #cbd5e1; + border-left: 1px solid #cbd5e1; + border-bottom: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + min-width: 2.5rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #cbd5e1; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-inputwrapper > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-inputwrapper > .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: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .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: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.5rem; + } + + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f87171; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f87171; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.25rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.25rem; + } + + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + + .p-inputswitch { + width: 2.5rem; + height: 1.5rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1rem; + height: 1rem; + left: 0.25rem; + margin-top: -0.5rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #94a3b8; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #14b8a6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0d9488; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #f87171; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #334155; + background: #ffffff; + padding: 0.5rem 0.75rem; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #94a3b8; + } + .p-inputtext:enabled:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #f87171; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #64748b; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #f87171; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #94a3b8; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #64748b; + } + + :-moz-placeholder { + color: #64748b; + } + + ::-moz-placeholder { + color: #64748b; + } + + :-ms-input-placeholder { + color: #64748b; + } + + .p-input-filled .p-inputtext { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8fafc; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-listbox.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f87171; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.25rem 0.25rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f87171; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #f87171; + } + + .p-password-panel { + padding: 0 1.125rem 1.125rem 1.125rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e2e8f0; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #94a3b8; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-radiobutton { + width: 1.25rem; + height: 1.25rem; + } + .p-radiobutton .p-radiobutton-box { + border: 1px solid #cbd5e1; + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + color: #334155; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 0.75rem; + height: 0.75rem; + transition-duration: 0.2s; + background-color: #14b8a6; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #14b8a6; + background: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0d9488; + background: #ffffff; + color: #0d9488; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f87171; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + font-size: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1rem; + height: 1rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f87171; + } + .p-rating .p-rating-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #14b8a6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #ef4444; + } + + .p-selectbutton .p-button { + background: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #64748b; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-selectbutton .p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f87171; + } + + .p-slider { + background: #e2e8f0; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 3px; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; + } + .p-slider.p-slider-vertical { + width: 3px; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; + } + .p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #e2e8f0; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-slider .p-slider-range { + background: #14b8a6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #e2e8f0; + border-color: transparent; + } + .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, outline-color 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, outline-color 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: #f1f5f9; + border: 1px solid #f1f5f9; + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #64748b; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #334155; + } + .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: #334155; + } + .p-togglebutton.p-button.p-highlight { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f1f5f9; + border-color: #f1f5f9; + color: #0f172a; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #0f172a; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f87171; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #cbd5e1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #94a3b8; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #64748b; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.75rem; + margin-right: 0.5rem; + background: #f1f5f9; + color: #1e293b; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #94a3b8; + width: 2.5rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #f87171; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8fafc; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #94a3b8; + right: 2.5rem; + } + + .p-button { + color: #ffffff; + background: #14b8a6; + border: 1px solid #14b8a6; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-button:not(:disabled):hover { + background: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-button:not(:disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #334155; + border-color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button.p-button-text { + background-color: transparent; + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #14b8a6; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-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.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.5rem; + padding: 0.5rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.5rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 2.5rem; + } + .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 { + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + .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: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + border: 1px solid; + } + .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-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .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: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .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: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22c55e; + border: 1px solid #22c55e; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; + color: #ffffff; + border-color: #16a34a; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; + color: #ffffff; + border-color: #15803d; + } + .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-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + border: 1px solid; + } + .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-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .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-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .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-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #a855f7; + border: 1px solid #a855f7; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; + color: #ffffff; + border-color: #9333ea; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; + color: #ffffff; + border-color: #7e22ce; + } + .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-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + border: 1px solid; + } + .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-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #ef4444; + border: 1px solid #ef4444; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; + color: #ffffff; + border-color: #dc2626; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; + color: #ffffff; + border-color: #b91c1c; + } + .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-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + border: 1px solid; + } + .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-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-button.p-button-link { + color: #0d9488; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0d9488; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: none; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0d9488; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 2.5rem; + height: 2.5rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1rem; + height: 1rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-speeddial-action { + width: 2.5rem; + height: 2.5rem; + background: #f1f5f9; + color: #475569; + } + .p-speeddial-action:hover { + background: #e2e8f0; + color: #334155; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .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: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #14b8a6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #334155; + border-color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #14b8a6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(20, 184, 166, 0.04); + color: #14b8a6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(20, 184, 166, 0.16); + color: #14b8a6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f1f5f9; + color: #334155; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #334155; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #f1f5f9; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #f1f5f9; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(241, 245, 249, 0.04); + border-color: transparent; + color: #f1f5f9; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(241, 245, 249, 0.16); + border-color: transparent; + color: #f1f5f9; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22c55e; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22c55e; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22c55e; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22c55e; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #a855f7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #a855f7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #a855f7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #a855f7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #ef4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #ef4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #ef4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #ef4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #e2e8f0; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #cbd5e1; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0f766e; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: 0 none; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .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: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f0fdfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f0fdfa; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-datatable .p-column-resizer-helper { + background: #14b8a6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; + } + .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: #ffffff; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .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: #f8fafc; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0f766e; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0f766e; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-menu-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f1f5f9; + color: #475569; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #f0fdfa; + color: #0f766e; + } + .p-column-filter-menu-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-clear-button { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-column-filter-clear-button:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-column-filter-clear-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.25rem 0.25rem; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 2px 0; + padding: 0.5rem 0.75rem; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #1e293b; + background: #f1f5f9; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 0.5rem 0 0.5rem; + border-bottom: 0 none; + color: #334155; + background: #ffffff; + margin: 0 0 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 1.125rem 1.125rem 1.125rem; + border-bottom: 1px solid #e2e8f0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-orderlist .p-orderlist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-orderlist .p-orderlist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8fafc; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #80eed5; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e2e8f0; + border-color: #e2e8f0; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-paginator { + background: #ffffff; + color: #334155; + border: solid #e2e8f0; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .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: #f1f5f9; + border-color: transparent; + color: #475569; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.5rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.5rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #64748b; + min-width: 2.5rem; + height: 2.5rem; + margin: 0.143rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #f0fdfa; + border-color: #f0fdfa; + color: #0f766e; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f1f5f9; + border-color: transparent; + color: #475569; + } + + .p-picklist .p-picklist-buttons { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-picklist .p-picklist-header { + color: #334155; + padding: 1.125rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1.125rem; + background: #ffffff; + border: 1px solid #e2e8f0; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-picklist .p-picklist-list { + color: #334155; + padding: 0.25rem 0.25rem; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 0.75rem; + margin: 2px 0; + border: 0 none; + color: #334155; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #0f172a; + background: #e2e8f0; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0f766e; + background: #f0fdfa; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8fafc; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f1f5f9; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border: 0 none; + color: #334155; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #e2e8f0; + border-radius: 50%; + width: 1.125rem; + height: 1.125rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e2e8f0; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .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: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + padding: 0 1.125rem 1.125rem 1.125rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0 0; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + padding: 0.25rem 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #475569; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .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: #0f766e; + } + .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: #0f766e; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f1f5f9; + color: #1e293b; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #94a3b8; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #99f1dd; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e2e8f0; + background-color: #ffffff; + color: #334155; + padding: 0.25rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #f0fdfa; + color: #0f766e; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0f766e; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #475569; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .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: #f1f5f9; + color: #1e293b; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 1rem; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + font-weight: 600; + color: #334155; + background: #ffffff; + } + .p-treetable .p-sortable-column { + outline-color: var(--p-focus-ring-color); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #64748b; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1rem; + min-width: 1rem; + line-height: 1rem; + color: #0f766e; + background: #f0fdfa; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #475569; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #334155; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid var(--p-focus-ring-color); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #f0fdfa; + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0f766e; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0f766e; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #1e293b; + } + .p-treetable .p-column-resizer-helper { + background: #14b8a6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .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: 0.65625rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #334155; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + padding: 0.75rem 1rem; + font-weight: 600; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #64748b; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-accordion .p-accordion-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; + } + .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; + } + .p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; + } + .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 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: 0 none; + } + .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-card { + background: #ffffff; + color: #334155; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.5rem; + } + .p-card .p-card-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #64748b; + } + .p-card .p-card-content { + padding: 0 0 0 0; + } + .p-card .p-card-footer { + padding: 0 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e2e8f0; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e2e8f0; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + background: #ffffff; + font-weight: 600; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.125rem; + color: #334155; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #ffffff; + border-color: #ffffff; + color: #1e293b; + } + .p-fieldset .p-fieldset-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e2e8f0; + padding: 1.125rem; + background: #ffffff; + color: #334155; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.125rem; + } + .p-panel .p-panel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + background: #ffffff; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f1f5f9; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-splitter { + border: 1px solid #e2e8f0; + background: #ffffff; + border-radius: 6px; + color: #334155; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e2e8f0; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e2e8f0; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #14b8a6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #14b8a6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #e2e8f0; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #e2e8f0; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + border: 1px solid #e2e8f0; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #334155; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #334155; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #14b8a6; + color: #ffffff; + width: 1.75rem; + height: 1.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + position: absolute; + top: -0.875rem; + right: -0.875rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0d9488; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(226, 232, 240, 0); + border-bottom-color: #d3dce8; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #e2e8f0; + } + + .p-sidebar { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1.125rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.125rem; + } + + .p-tooltip .p-tooltip-text { + background: #334155; + color: #ffffff; + padding: 0.5rem 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #334155; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #334155; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #334155; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #334155; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 0 1.125rem 1.125rem 1.125rem; + border: 1px solid #e2e8f0; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #14b8a6; + border-style: dashed; + background-color: #f0fdfa; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 0.75rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0d9488; + color: #ffffff; + border-color: #0d9488; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0f766e; + color: #ffffff; + border-color: #0f766e; + } + + .p-breadcrumb { + background: #ffffff; + border: 0 none; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #94a3b8; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #334155; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #94a3b8; + } + + .p-contextmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: 0 none; + } + .p-dock .p-dock-link { + width: 3rem; + height: 3rem; + } + .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 1.5rem; + } + .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 0; + } + .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 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @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: auto; + width: 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 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 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: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0.25rem; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0.25rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + + .p-menu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.5rem 0.75rem; + color: #94a3b8; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem 0.5rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 1.75rem; + height: 1.75rem; + color: #94a3b8; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #334155; + background: #f1f5f9; + } + .p-menubar .p-menubar-button:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 1.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 4.5rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.5rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 0 none; + color: #64748b; + background: #ffffff; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #64748b; + padding: 1.125rem 1.125rem 1.125rem 1.125rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e2e8f0; + background: #ffffff; + color: #334155; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0.25rem; + border: 0 none; + background: #ffffff; + color: #334155; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-slidemenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.5rem 0.75rem; + color: #334155; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-slidemenu .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #64748b; + border: 1px solid #e2e8f0; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #334155; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f0fdfa; + color: #0f766e; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: #334155; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e2e8f0; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #e2e8f0; + color: #14b8a6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #14b8a6; + width: 2.5rem; + box-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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + + .p-tieredmenu { + padding: 0.25rem 0.25rem; + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0.25rem; + background: #ffffff; + border: 1px solid #e2e8f0; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #334155; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 4px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #334155; + padding: 0.5rem 0.75rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #94a3b8; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #94a3b8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #f0fdfa; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #334155; + background: #e2e8f0; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #334155; + background: #f1f5f9; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #334155; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #334155; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e2e8f0; + margin: 2px 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.5rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #2563eb; + } + .p-inline-message.p-inline-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #16a34a; + } + .p-inline-message.p-inline-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #ca8a04; + } + .p-inline-message.p-inline-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #dc2626; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 0.5rem 0.75rem; + } + .p-message .p-message-close { + width: 1.75rem; + height: 1.75rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-message .p-message-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-message.p-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-message.p-message-info .p-message-icon { + color: #2563eb; + } + .p-message.p-message-info .p-message-close { + color: #2563eb; + } + .p-message.p-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-message.p-message-success .p-message-icon { + color: #16a34a; + } + .p-message.p-message-success .p-message-close { + color: #16a34a; + } + .p-message.p-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-message.p-message-warn .p-message-icon { + color: #ca8a04; + } + .p-message.p-message-warn .p-message-close { + color: #ca8a04; + } + .p-message.p-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-message.p-message-error .p-message-icon { + color: #dc2626; + } + .p-message.p-message-error .p-message-close { + color: #dc2626; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 0.75rem; + border-width: 1px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 0.5rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 1.125rem; + height: 1.125rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 500; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.125rem; + height: 1.125rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(239, 246, 255, 0.95); + border: solid #bfdbfe; + border-width: 1px; + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(240, 253, 244, 0.95); + border: solid #bbf7d0; + border-width: 1px; + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(254, 252, 232, 0.95); + border: solid #fde68a; + border-width: 1px; + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(254, 242, 242, 0.95); + border: solid #fecaca; + border-width: 1px; + color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #dc2626; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f1f5f9; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f1f5f9; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f1f5f9; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e2e8f0; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #cbd5e1; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f0fdfa; + color: #0f766e; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .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: #f0fdfa; + color: #0f766e; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f1f5f9; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border-radius: 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: #f1f5f9; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8fafc; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8fafc; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e2e8f0; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #f1f5f9; + color: #475569; + } + .p-badge.p-badge-success { + background-color: #22c55e; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #ef4444; + color: #ffffff; + } + .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: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #f1f5f9; + color: #1e293b; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.5rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f1f5f9; + color: #1e293b; + } + .p-inplace .p-inplace-display:focus { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e2e8f0; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #14b8a6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #14b8a6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-progressbar { + border: 0 none; + height: 1.25rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #14b8a6; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.25rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 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: 1.5rem; + color: #f8fafc; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e2e8f0; + border-radius: 6px; + } + .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: #14b8a6; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22c55e; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #ef4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #e2e8f0; + padding: 0 1.125rem 1.125rem 1.125rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primevue { + .p-accordion .p-accordion-header .p-accordion-header-link { + border-radius: 6px !important; + flex-direction: row-reverse; + justify-content: space-between; + } + .p-accordion .p-accordion-header .p-accordion-header-link:hover { + border-bottom-color: #e2e8f0; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + transform: rotate(90deg); + } + .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + .p-accordion .p-accordion-tab { + border-bottom: 1px solid #e2e8f0; + } + .p-accordion .p-accordion-tab:last-child { + border-bottom: 0 none; + } + + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + border-radius: 4px; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.375rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token { + margin-left: 0.5rem; + } + .p-autocomplete.p-disabled { + opacity: 1; + } + + .p-button-label { + font-weight: 500; + } + + .p-button.p-button-success:enabled:focus-visible { + outline-color: #22c55e; + } + .p-button.p-button-info:enabled:focus-visible { + outline-color: #0ea5e9; + } + .p-button.p-button-warning:enabled:focus-visible { + outline-color: #f97316; + } + .p-button.p-button-help:enabled:focus-visible { + outline-color: #a855f7; + } + .p-button.p-button-danger:enabled:focus-visible { + outline-color: #ef4444; + } + .p-button.p-button-contrast:enabled:focus-visible { + outline-color: #020617; + } + .p-button.p-button-outlined { + border-color: var(--primary-200); + } + .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active { + border-color: var(--primary-200); + } + .p-button.p-button-outlined.p-button-secondary { + border-color: var(--surface-200); + color: #64748b; + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover { + color: #64748b; + background-color: #f1f5f9; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-secondary:not(:disabled):active { + color: #64748b; + background-color: #e2e8f0; + border-color: var(--surface-200); + } + .p-button.p-button-outlined.p-button-success { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active { + border-color: #bbf7d0; + } + .p-button.p-button-outlined.p-button-info { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active { + border-color: #bae6fd; + } + .p-button.p-button-outlined.p-button-warning { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active { + border-color: #fed7aa; + } + .p-button.p-button-outlined.p-button-help { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active { + border-color: #e9d5ff; + } + .p-button.p-button-outlined.p-button-danger { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active { + border-color: #fecaca; + } + .p-button.p-button-outlined.p-button-contrast { + border-color: #334155; + } + .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active { + border-color: #334155; + } + .p-button.p-button-secondary.p-button-text { + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover { + background: #f1f5f9; + color: #64748b; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active { + background: #e2e8f0; + color: #64748b; + } + + .p-datepicker-buttonbar .p-button { + padding: 0.25rem 0.75rem; + font-size: 0.875rem; + } + + .p-datepicker .p-datepicker-group-container + .p-timepicker { + margin-top: 0.5rem; + padding-top: 0.5rem; + } + .p-datepicker table th { + font-weight: 500; + } + + .p-card { + border-radius: 12px; + display: flex; + flex-direction: column; + } + .p-card .p-card-caption { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-card .p-card-caption .p-card-title, +.p-card .p-card-caption .p-card-subtitle { + margin-bottom: 0; + } + .p-card .p-card-body { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-cascadeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-cascadeselect .p-cascadeselect-label { + box-shadow: none; + } + .p-cascadeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-cascadeselect.p-disabled .p-cascadeselect-label { + color: #64748b; + } + + div.p-cascadeselect-panel { + border: 0 none; + box-shadow: none; + } + + .p-checkbox .p-checkbox-box { + border-radius: 4px; + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box { + border-color: #14b8a6; + } + .p-checkbox.p-disabled { + opacity: 1; + } + .p-checkbox.p-disabled .p-checkbox-box { + background-color: #e2e8f0; + border: 1px solid #cbd5e1; + } + .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { + color: #64748b; + } + + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.25rem; + gap: 0.25rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + border-radius: 4px; + margin: 0; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.375rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token { + margin-left: 0.5rem; + } + .p-chips.p-disabled .p-chips-multiple-container { + opacity: 1; + background-color: #e2e8f0; + } + + .p-chip { + border-radius: 16px; + padding: 0.25rem 0.75rem; + } + .p-chip .p-chip-text { + margin-top: 0; + margin-bottom: 0; + } + .p-chip .p-chip-remove-icon { + margin-left: 0.375rem; + } + .p-chip:has(.p-chip-remove-icon) { + padding-right: 0.5rem; + } + .p-chip img { + margin-left: -0.5rem; + } + + .p-colorpicker-preview { + padding: 0; + } + .p-colorpicker-preview:enabled:focus { + outline-offset: 2px; + } + .p-colorpicker-preview.p-inputtext.p-disabled { + opacity: 0.6; + } + + .p-confirm-popup { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #14b8a6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #14b8a6; + } + .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c5f7ec; + } + .p-datatable .p-datatable-tbody > tr.p-highlight > td { + border-bottom-color: #c5f7ec; + } + + .p-dataview-layout-options.p-selectbutton .p-button svg { + position: relative; + } + + .p-dialog { + border-radius: 12px; + background-color: #ffffff; + } + .p-dialog.p-dialog-maximized { + border-radius: 0; + } + .p-dialog .p-dialog-header { + border-top-right-radius: 12px; + border-top-left-radius: 12px; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + .p-dialog .p-dialog-footer { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; + } + + .p-dropdown { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-dropdown .p-dropdown-label { + box-shadow: none; + } + .p-dropdown.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-dropdown.p-disabled .p-dropdown-label { + color: #64748b; + } + + .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon { + margin-left: -0.375rem; + margin-right: 0.375rem; + } + + .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td { + border-bottom-color: #c5f7ec; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td { + border-bottom-color: #c5f7ec; + } + .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover { + background-color: #f0fdfa; + color: #0f766e; + } + + .p-fieldset { + padding: 0 1.125rem 1.125rem 1.125rem; + margin: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.5rem 0.75rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text { + padding: 0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + color: #64748b; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background-color: #f1f5f9; + } + .p-fieldset .p-fieldset-legend { + border: 0 none; + padding: 0; + margin-bottom: 0.375rem; + } + .p-fieldset .p-fieldset-legend span { + padding: 0.5rem 0.75rem; + } + .p-fieldset .p-fieldset-content { + padding: 0; + } + + .p-column-filter-overlay-menu { + padding: 0.75rem; + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraints { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0 0 0 0; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button { + margin-bottom: 0; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0; + } + + .p-fileupload .p-fileupload-content { + border-top: 0 none; + padding-top: 1.125rem; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #14b8a6; + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-inline-message { + backdrop-filter: blur(1.5px); + } + + .p-inline-message.p-inline-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + + .p-inline-message.p-inline-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + + .p-inline-message.p-inline-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + + .p-inline-message.p-inline-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + + .p-inline-message.p-inline-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + + .p-inline-message.p-inline-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + + .p-inputgroup-addon { + padding: 0.5rem; + } + + .p-inputnumber.p-inputnumber-buttons-stacked { + position: relative; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group { + position: absolute; + top: 1px; + right: 1px; + height: calc(100% - 2px); + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: transparent; + border: 0 none; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up { + border-left: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down { + border-right: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button { + background-color: transparent; + border: 1px solid #cbd5e1; + color: #64748b; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover { + background-color: #f1f5f9; + color: #475569; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active { + background-color: #e2e8f0; + color: #334155; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up { + border-bottom: 0 none; + } + .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down { + border-top: 0 none; + } + + .p-inputswitch .p-inputswitch-slider { + border: 0 none; + } + .p-inputswitch.p-highlight p-inputswitch-slider:before { + left: 1.25rem; + transform: none; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } + + .p-inputtext { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + + .p-inputtext:disabled { + opacity: 1; + background-color: #e2e8f0; + color: #64748b; + } + + .p-knob svg { + border-radius: 6px; + outline-color: transparent; + transition: outline-color 0.2s; + } + .p-knob svg:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-listbox { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-listbox.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-listbox.p-disabled .p-listbox-list .p-listbox-item { + color: #64748b; + } + + .p-message { + backdrop-filter: blur(1.5px); + } + + .p-message.p-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-message.p-message-info .p-message-close:focus-visible { + outline-color: #2563eb; + } + .p-message.p-message-info .p-message-close:hover { + background: #dbeafe; + } + + .p-message.p-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-message.p-message-success .p-message-close:focus-visible { + outline-color: #16a34a; + } + .p-message.p-message-success .p-message-close:hover { + background: #dcfce7; + } + + .p-message.p-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-message.p-message-warn .p-message-close:focus-visible { + outline-color: #ca8a04; + } + .p-message.p-message-warn .p-message-close:hover { + background: #fef9c3; + } + + .p-message.p-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-message.p-message-error .p-message-close:focus-visible { + outline-color: #dc2626; + } + .p-message.p-message-error .p-message-close:hover { + background: #fee2e2; + } + + .p-message.p-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-message.p-message-secondary .p-message-close:focus-visible { + outline-color: #475569; + } + .p-message.p-message-secondary .p-message-close:hover { + background: #e2e8f0; + } + + .p-message.p-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-message.p-message-contrast .p-message-close:focus-visible { + outline-color: #f8fafc; + } + .p-message.p-message-contrast .p-message-close:hover { + background: #1e293b; + } + + .p-multiselect-panel .p-multiselect-header { + padding-left: 1rem; + padding-right: 1rem; + } + + .p-multiselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-multiselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-multiselect.p-disabled .p-multiselect-label { + color: #64748b; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + border-radius: 4px; + margin-right: 0.25rem; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.375rem; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.25rem; + } + + .p-panelmenu .p-panelmenu-header { + border-radius: 4px; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action { + background: #e2e8f0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #334155; + padding: 0.5rem 0.75rem; + font-weight: 600; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + color: #94a3b8; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover { + background: #f1f5f9; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon { + color: #334155; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content { + border-radius: 6px; + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-top: 2px; + } + .p-panelmenu .p-panelmenu-panel { + padding: 0.25rem 0.25rem; + overflow: hidden; + margin-bottom: 0.75rem; + border: 1px solid #e2e8f0; + border-radius: 6px; + } + + .p-password-panel { + background-color: #ffffff; + border: 1px solid #e2e8f0; + padding: 0.75rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.75rem; + background: #e2e8f0; + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength { + border-radius: 6px; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ef4444; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #f59e0b; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #22c55e; + } + + .p-orderlist-controls .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-orderlist-controls .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-orderlist-controls .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-orderlist-controls .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-orderlist .p-orderlist-header { + background: #ffffff; + color: #334155; + border: 0 none; + border-bottom: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + border-radius: 6px; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border: 0 none; + } + + .p-organizationchart .p-organizationchart-node-content { + padding: 0.75rem 1rem; + border-radius: 6px; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + border: 1px solid #e2e8f0; + display: inline-flex; + justify-content: center; + align-items: center; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { + position: static; + } + .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) { + padding: 0.75rem 1rem 1.25rem 1rem; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { + border-right: 0 none; + } + .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { + border-top-right-radius: 6px; + } + .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { + border-left: 1px solid #e2e8f0; + border-top-left-radius: 6px; + } + + .p-overlaypanel { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; + } + .p-overlaypanel .p-overlaypanel-close { + width: 1.75rem; + height: 1.75rem; + color: #64748b; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + top: 0.25rem; + right: 0.25rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + color: #475569; + border-color: transparent; + background: #f1f5f9; + } + .p-overlaypanel .p-overlaypanel-close:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-panel { + border: 1px solid #e2e8f0; + border-radius: 6px; + background-color: #ffffff; + } + .p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + background: transparent; + border: 0 none; + } + .p-panel:has(.p-panel-footer) .p-panel-content { + padding-bottom: 0.875rem; + } + + .p-picklist-buttons .p-button { + transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + color: #475569; + background: #f1f5f9; + border: 1px solid #f1f5f9; + } + .p-picklist-buttons .p-button:not(:disabled):hover { + background: #e2e8f0; + color: #334155; + border-color: #e2e8f0; + } + .p-picklist-buttons .p-button:not(:disabled):focus { + box-shadow: none; + } + .p-picklist-buttons .p-button:not(:disabled):active { + background: #cbd5e1; + color: #1e293b; + border-color: #cbd5e1; + } + + .p-picklist .p-picklist-header { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + border: 0 none; + padding: 0.75rem 1rem 0.5rem 1rem; + font-weight: 600; + color: #64748b; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-list { + border: 1px solid #cbd5e1; + border: 0 none; + background: #ffffff; + color: #334155; + padding: 0.25rem 0.25rem; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-picklist .p-picklist-list .p-picklist-item { + border-radius: 6px; + } + .p-picklist .p-picklist-list:not(:first-child) { + border: 0 none; + } + + .p-progressbar-label { + font-size: 0.75rem; + font-weight: 600; + } + + .p-radiobutton .p-radiobutton-box { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + outline-width: 1px; + outline-offset: 2px; + } + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box { + border-color: #14b8a6; + } + .p-radiobutton.p-disabled { + opacity: 1; + } + .p-radiobutton.p-disabled .p-radiobutton-box { + border: 1px solid #cbd5e1; + background-color: #e2e8f0; + } + .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { + background-color: #64748b; + } + + .p-rating { + gap: 0.25rem; + } + + .p-selectbutton .p-button .pi, +.p-selectbutton .p-button .p-button-label { + position: relative; + transition: none; + } + .p-selectbutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-selectbutton .p-button.p-highlight::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-selectbutton .p-button:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: -1px; + box-shadow: none; + border-color: #94a3b8; + } + .p-selectbutton .p-button.p-disabled { + opacity: 1; + color: #94a3b8; + } + .p-selectbutton.p-invalid { + box-shadow: 0 0 0 1px #f87171; + border-radius: 6px; + } + .p-selectbutton.p-invalid > .p-button { + border: 1px solid #f1f5f9; + } + .p-selectbutton.p-disabled { + opacity: 1; + } + .p-selectbutton.p-disabled .p-button { + color: #94a3b8; + } + + .p-slider .p-slider-handle { + display: flex !important; + justify-content: center; + align-items: center; + } + .p-slider .p-slider-handle::before { + content: ""; + width: 16px; + height: 16px; + display: block; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); + } + .p-slider .p-slider-handle:focus-visible { + outline: 0 none; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline-color: #75f0e3; + } + + .p-speeddial-button.p-speeddial-rotate { + transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-splitter-gutter-handle { + border-radius: 6px; + } + + .p-stepper .p-stepper-header .p-stepper-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-number { + background: #ffffff; + color: #14b8a6; + } + .p-stepper .p-stepper-header.p-highlight .p-stepper-title { + color: #14b8a6; + } + + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + border-width: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + font-weight: 500; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-steps .p-steps-item .p-steps-number { + position: relative; + font-weight: 500; + } + .p-steps .p-steps-item .p-steps-number::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ffffff; + color: #14b8a6; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + color: #14b8a6; + } + .p-steps .p-steps-item.p-disabled { + opacity: 1; + } + .p-steps .p-steps-item:before { + border-top-width: 2px; + margin-top: calc(-1rem + 1px); + } + .p-steps .p-steps-item:first-child::before { + width: calc(50% + 1rem); + transform: translateX(100%); + } + .p-steps .p-steps-item:last-child::before { + width: 50%; + } + + .p-tabmenu .p-tabmenu-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: -1px; + height: 1px; + background-color: #14b8a6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabmenu .p-tabmenu-nav { + position: relative; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + + .p-tabview .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 1px; + background-color: #14b8a6; + transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); + } + .p-tabview .p-tabview-nav { + position: relative; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + } + .p-tabview .p-tabview-nav-btn.p-link { + color: #64748b; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + box-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); + box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav-btn.p-link:hover { + color: #475569; + } + + .p-tag { + background: var(--primary-100); + color: var(--primary-700); + } + .p-tag.p-tag-success { + background: var(--green-100); + color: var(--green-700); + } + .p-tag.p-tag-info { + background: var(--blue-100); + color: var(--blue-700); + } + .p-tag.p-tag-warning { + background: var(--orange-100); + color: var(--orange-700); + } + .p-tag.p-tag-danger { + background: var(--red-100); + color: var(--red-700); + } + + .p-terminal { + background: #ffffff; + color: #334155; + border: 1px solid #cbd5e1; + padding: 0.5rem 0.75rem; + border-radius: 6px; + } + .p-terminal .p-terminal-prompt { + margin-right: 0.25rem; + } + .p-terminal .p-terminal-response { + margin: 2px 0; + } + + .p-timeline .p-timeline-event-marker { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + } + .p-timeline .p-timeline-event-marker::before { + content: " "; + border-radius: 50%; + width: 0.375rem; + height: 0.375rem; + background-color: #14b8a6; + } + .p-timeline .p-timeline-event-marker::after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } + + .p-toast .p-toast-message { + backdrop-filter: blur(1.5px); + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + font-size: 0.875rem; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 1.75rem; + height: 1.75rem; + margin-top: -25%; + right: -25%; + position: relative; + } + + .p-toast .p-toast-message.p-toast-message-info { + box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04); + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + outline-color: #2563eb; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover { + background: #dbeafe; + } + .p-toast .p-toast-message.p-toast-message-success { + box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04); + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + outline-color: #16a34a; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { + background: #dcfce7; + } + .p-toast .p-toast-message.p-toast-message-warn { + box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04); + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + outline-color: #ca8a04; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover { + background: #fef9c3; + } + .p-toast .p-toast-message.p-toast-message-error { + box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04); + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-detail { + color: #334155; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { + background: #fee2e2; + } + .p-toast .p-toast-message.p-toast-message-secondary { + box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04); + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover { + background: #e2e8f0; + } + .p-toast .p-toast-message.p-toast-message-contrast { + box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04); + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close { + outline-color: #dc2626; + } + .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover { + background: #1e293b; + } + + .p-togglebutton .p-button .p-button-label, +.p-togglebutton .p-button .p-button-icon { + position: relative; + transition: none; + } + .p-togglebutton .p-button::before { + content: ""; + background-color: transparent; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + position: absolute; + left: 0.25rem; + top: 0.25rem; + width: calc(100% - 0.5rem); + height: calc(100% - 0.5rem); + border-radius: 4px; + } + .p-togglebutton.p-highlight .p-button::before { + background: #ffffff; + border-color: #ffffff; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); + } + .p-togglebutton.p-disabled { + opacity: 1; + } + .p-togglebutton.p-disabled .p-button { + color: #94a3b8; + } + .p-togglebutton.p-disabled .p-button .p-button-icon { + color: #94a3b8; + } + + .p-toolbar { + padding: 0.75rem; + } + + .p-tree { + border: 0 none; + padding: 1rem; + } + .p-tree .p-tree-container .p-treenode { + margin: 2px 0; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline-offset: -2px; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover { + background-color: #f0fdfa; + } + .p-tree .p-tree-container > .p-treenode:first-child { + margin-top: 0; + } + .p-tree .p-tree-container > .p-treenode:last-child { + margin-bottom: 0; + } + + .p-treeselect-panel .p-tree { + padding: 0.25rem 0.25rem; + } + + .p-treeselect { + box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); + } + .p-treeselect.p-disabled { + opacity: 1; + background-color: #e2e8f0; + } + .p-treeselect.p-disabled .p-treeselect-label { + color: #64748b; + } +} diff --git a/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css index bca48deb5b6..a3f2d8c8ad4 100644 --- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #2a323d; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f19ea6; @@ -865,6 +870,10 @@ border-color: #151515; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3f4b5b; } @@ -896,9 +905,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f19ea6; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f19ea6; } @@ -1161,6 +1186,17 @@ right: 3.107rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #8dd0ff; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f19ea6; } @@ -1271,6 +1307,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #2a323d; - color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3350,14 +3407,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #3f4b5b; - background: #2a323d; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #2a323d; - color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3558,14 +3623,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #3f4b5b; - background: #2a323d; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -4232,6 +4296,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #3f4b5b; border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; } .p-splitter { @@ -4247,6 +4317,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #3f4b5b; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } .p-splitter .p-splitter-gutter-resizing { background: #3f4b5b; } @@ -5759,7 +5834,7 @@ transition: color 0.15s, box-shadow 0.15s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5869,7 +5944,7 @@ transition: color 0.15s, box-shadow 0.15s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6188,6 +6263,103 @@ box-shadow: 0 0 0 1px #e3f3fe; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f4b5b; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #8dd0ff; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #8dd0ff; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/src/assets/components/themes/bootstrap4-dark-purple/theme.css index e105bce7302..70a3cd8004c 100644 --- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #2a323d; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f19ea6; @@ -865,6 +870,10 @@ border-color: #151515; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f19ea6; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3f4b5b; } @@ -896,9 +905,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f19ea6; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f19ea6; } @@ -1161,6 +1186,17 @@ right: 3.107rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #c298d8; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f19ea6; } @@ -1271,6 +1307,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #2a323d; - color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3350,14 +3407,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #3f4b5b; - background: #2a323d; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #2a323d; - color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3558,14 +3623,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #3f4b5b; - background: #2a323d; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3f4b5b; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -4232,6 +4296,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #3f4b5b; border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; } .p-splitter { @@ -4247,6 +4317,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #3f4b5b; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } .p-splitter .p-splitter-gutter-resizing { background: #3f4b5b; } @@ -5759,7 +5834,7 @@ transition: color 0.15s, box-shadow 0.15s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5869,7 +5944,7 @@ transition: color 0.15s, box-shadow 0.15s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6188,6 +6263,103 @@ box-shadow: 0 0 0 1px #f0e6f5; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3f4b5b; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #c298d8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #c298d8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/bootstrap4-light-blue/theme.css b/src/assets/components/themes/bootstrap4-light-blue/theme.css index b56386ef4ca..1ceec3b0436 100644 --- a/src/assets/components/themes/bootstrap4-light-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #212529; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #dc3545; @@ -865,6 +870,10 @@ border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #dc3545; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #ced4da; } @@ -896,9 +905,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #212529; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #dc3545; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #495057; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #495057; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #dc3545; } @@ -1161,6 +1186,17 @@ right: 3.107rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #007bff; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #dc3545; } @@ -1271,6 +1307,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #6c757d; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } .p-orderlist .p-orderlist-header { - background: #efefef; color: #212529; - border: 1px solid #dee2e6; padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3350,14 +3407,13 @@ color: #495057; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #212529; padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } .p-picklist .p-picklist-header { - background: #efefef; color: #212529; - border: 1px solid #dee2e6; padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3558,14 +3623,13 @@ color: #495057; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #212529; padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -4232,6 +4296,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #efefef; border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .p-splitter { @@ -4247,6 +4317,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } @@ -5759,7 +5834,7 @@ transition: box-shadow 0.15s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5869,7 +5944,7 @@ transition: box-shadow 0.15s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6188,6 +6263,103 @@ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e9ecef; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #007bff; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #007bff; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/bootstrap4-light-purple/theme.css b/src/assets/components/themes/bootstrap4-light-purple/theme.css index 72f7a261cdd..95ed2b74ddf 100644 --- a/src/assets/components/themes/bootstrap4-light-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #212529; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #dc3545; @@ -865,6 +870,10 @@ border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #dc3545; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #ced4da; } @@ -896,9 +905,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #212529; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #dc3545; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #495057; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #495057; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #dc3545; } @@ -1161,6 +1186,17 @@ right: 3.107rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #883cae; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #dc3545; } @@ -1271,6 +1307,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #6c757d; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } .p-orderlist .p-orderlist-header { - background: #efefef; color: #212529; - border: 1px solid #dee2e6; padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3350,14 +3407,13 @@ color: #495057; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #212529; padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } .p-picklist .p-picklist-header { - background: #efefef; color: #212529; - border: 1px solid #dee2e6; padding: 1rem 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3558,14 +3623,13 @@ color: #495057; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #212529; padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; margin: 0; @@ -4232,6 +4296,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #efefef; border: 0 none; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } .p-splitter { @@ -4247,6 +4317,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } @@ -5759,7 +5834,7 @@ transition: box-shadow 0.15s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5869,7 +5944,7 @@ transition: box-shadow 0.15s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6188,6 +6263,103 @@ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e9ecef; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #883cae; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #883cae; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/fluent-light/theme.css b/src/assets/components/themes/fluent-light/theme.css index 5531f7e2b7a..1be2bd1c703 100644 --- a/src/assets/components/themes/fluent-light/theme.css +++ b/src/assets/components/themes/fluent-light/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #323130; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a4252c; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #a4252c; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #323130; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #323130; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #a4252c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #f3f2f1; color: #605e5c; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: #605e5c; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: #605e5c; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a4252c; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #005a9e; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a4252c; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: #605e5c; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #a19f9d; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; + } .p-orderlist .p-orderlist-header { - background: #faf9f8; color: #323130; - border: 1px solid #a19f9d; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: #605e5c; } .p-orderlist .p-orderlist-list { - border: 1px solid #a19f9d; - background: #ffffff; color: #323130; padding: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #a19f9d; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.5rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #a19f9d; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; + } .p-picklist .p-picklist-header { - background: #faf9f8; color: #323130; - border: 1px solid #a19f9d; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: #605e5c; } .p-picklist .p-picklist-list { - border: 1px solid #a19f9d; - background: #ffffff; color: #323130; padding: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #a19f9d; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.5rem; margin: 0; @@ -4196,6 +4260,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f3f2f1; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; } .p-splitter { @@ -4211,6 +4281,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #edebe9; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + } .p-splitter .p-splitter-gutter-resizing { background: #edebe9; } @@ -5699,7 +5774,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5809,7 +5884,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6128,6 +6203,103 @@ box-shadow: inset 0 0 0 1px #605e5c; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #edebe9; + border-radius: 2px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #0078d4; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #0078d4; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + .p-progressbar { border: 0 none; height: 2px; diff --git a/src/assets/components/themes/lara-dark-blue/theme.css b/src/assets/components/themes/lara-dark-blue/theme.css index b7461a44708..c77be116203 100644 --- a/src/assets/components/themes/lara-dark-blue/theme.css +++ b/src/assets/components/themes/lara-dark-blue/theme.css @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -452,6 +452,11 @@ background: #374151; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #60a5fa; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #93c5fd; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #424b57; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } .p-splitter .p-splitter-gutter-resizing { background: #424b57; } @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #60a5fa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #60a5fa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/lara-dark-indigo/theme.css b/src/assets/components/themes/lara-dark-indigo/theme.css index 7568b63fa6d..e033ee7692a 100644 --- a/src/assets/components/themes/lara-dark-indigo/theme.css +++ b/src/assets/components/themes/lara-dark-indigo/theme.css @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -452,6 +452,11 @@ background: #374151; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #818cf8; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #a5b4fc; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #424b57; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } .p-splitter .p-splitter-gutter-resizing { background: #424b57; } @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #818cf8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #818cf8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/lara-dark-purple/theme.css b/src/assets/components/themes/lara-dark-purple/theme.css index c6c40643d98..9c4b46c2048 100644 --- a/src/assets/components/themes/lara-dark-purple/theme.css +++ b/src/assets/components/themes/lara-dark-purple/theme.css @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -452,6 +452,11 @@ background: #374151; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #a78bfa; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #c4b5fd; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #424b57; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } .p-splitter .p-splitter-gutter-resizing { background: #424b57; } @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #a78bfa; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #a78bfa; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/lara-dark-teal/theme.css b/src/assets/components/themes/lara-dark-teal/theme.css index 0002606017c..467232c8cf7 100644 --- a/src/assets/components/themes/lara-dark-teal/theme.css +++ b/src/assets/components/themes/lara-dark-teal/theme.css @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -452,6 +452,11 @@ background: #374151; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #fca5a5; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2dd4bf; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #fca5a5; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #5eead4; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #fca5a5; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2937; - color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #424b57; - background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #424b57; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #424b57; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } .p-splitter .p-splitter-gutter-resizing { background: #424b57; } @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #424b57; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #2dd4bf; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #2dd4bf; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/lara-light-blue/theme.css b/src/assets/components/themes/lara-light-blue/theme.css index e51bf9f2db9..6d3cbbeddc5 100644 --- a/src/assets/components/themes/lara-light-blue/theme.css +++ b/src/assets/components/themes/lara-light-blue/theme.css @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -452,6 +452,11 @@ background: #ffffff; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3B82F6; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #2563eb; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #6b7280; } @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } .p-orderlist .p-orderlist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } .p-picklist .p-picklist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3B82F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3B82F6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/lara-light-indigo/theme.css b/src/assets/components/themes/lara-light-indigo/theme.css index 1d16faf2d21..3d65b964146 100644 --- a/src/assets/components/themes/lara-light-indigo/theme.css +++ b/src/assets/components/themes/lara-light-indigo/theme.css @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -452,6 +452,11 @@ background: #ffffff; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #6366F1; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #4F46E5; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #6b7280; } @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } .p-orderlist .p-orderlist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } .p-picklist .p-picklist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #6366F1; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #6366F1; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/lara-light-purple/theme.css b/src/assets/components/themes/lara-light-purple/theme.css index 17d7415b0c6..74abaecd6bc 100644 --- a/src/assets/components/themes/lara-light-purple/theme.css +++ b/src/assets/components/themes/lara-light-purple/theme.css @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -452,6 +452,11 @@ background: #ffffff; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #8B5CF6; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #7C3AED; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #6b7280; } @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } .p-orderlist .p-orderlist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } .p-picklist .p-picklist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #8B5CF6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #8B5CF6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/lara-light-teal/theme.css b/src/assets/components/themes/lara-light-teal/theme.css index 56bb47d933f..ad3bc76c848 100644 --- a/src/assets/components/themes/lara-light-teal/theme.css +++ b/src/assets/components/themes/lara-light-teal/theme.css @@ -46,7 +46,7 @@ --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #99f6e4; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #0f766e; + --highlight-bg: #f0fdfa; --highlight-text-color: #0f766e; color-scheme: light; } @@ -387,9 +387,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -432,7 +432,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -452,6 +452,11 @@ background: #ffffff; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; @@ -568,7 +573,7 @@ } .p-datepicker table td > span.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker table td > span:focus { outline: 0 none; @@ -582,7 +587,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -636,7 +641,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -648,7 +653,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; @@ -765,7 +770,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -878,6 +883,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #14b8a6; } @@ -909,9 +918,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4b5563; padding: 0; margin: 0; @@ -1030,7 +1039,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -1069,6 +1078,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e24c4c; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1083,27 +1102,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1143,6 +1158,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #6b7280; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } @@ -1174,6 +1199,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1213,7 +1249,7 @@ background: #0d9488; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e24c4c; } @@ -1284,6 +1320,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #6b7280; } @@ -1360,7 +1408,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1511,7 +1559,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -2906,7 +2954,7 @@ background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } @@ -2963,7 +3011,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #0f766e; - background: #0f766e; + background: #f0fdfa; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2974,14 +3022,14 @@ color: #374151; } .p-datatable .p-sortable-column.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #0f766e; } .p-datatable .p-sortable-column.p-highlight:hover { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { @@ -3038,14 +3086,14 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #0f766e; + box-shadow: inset 0 2px 0 0 #f0fdfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #0f766e; + box-shadow: inset 0 -2px 0 0 #f0fdfa; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; @@ -3124,7 +3172,7 @@ background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -3227,7 +3275,7 @@ color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-column-filter-menu-button:focus-visible { @@ -3278,7 +3326,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -3329,14 +3377,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } .p-orderlist .p-orderlist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3355,14 +3412,13 @@ color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3381,7 +3437,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -3415,11 +3471,11 @@ color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #010505; + color: #80eed5; } .p-organizationchart .p-organizationchart-line-down { background: #e5e7eb; @@ -3521,8 +3577,8 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #0f766e; - border-color: #0f766e; + background: #f0fdfa; + border-color: #f0fdfa; color: #0f766e; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3537,14 +3593,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } .p-picklist .p-picklist-header { - background: #f9fafb; color: #374151; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3563,14 +3628,13 @@ color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #4b5563; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3589,7 +3653,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(20, 184, 166, 0.24); @@ -3695,7 +3759,7 @@ color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3736,7 +3800,7 @@ height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #0c5e58; + background-color: #99f1dd; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; @@ -3747,7 +3811,7 @@ transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #0f766e; + background-color: #f0fdfa; color: #0f766e; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3833,7 +3897,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #0f766e; - background: #0f766e; + background: #f0fdfa; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3844,7 +3908,7 @@ color: #374151; } .p-treetable .p-sortable-column.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3896,7 +3960,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4213,6 +4277,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-splitter { @@ -4228,6 +4298,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } @@ -4564,7 +4639,7 @@ .p-fileupload .p-fileupload-content.p-fileupload-highlight { border-color: 1px dashed #14b8a6; border-style: dashed; - background-color: #0f766e; + background-color: #f0fdfa; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4660,7 +4735,7 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -4807,7 +4882,7 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -4930,7 +5005,7 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5059,7 +5134,7 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5276,7 +5351,7 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5360,7 +5435,7 @@ } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5466,7 +5541,7 @@ box-shadow: 0 0 0 0.2rem #99f6e4; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5599,7 +5674,7 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #0f766e; - background: #0f766e; + background: #f0fdfa; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; @@ -5716,7 +5791,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5826,7 +5901,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -5934,7 +6009,7 @@ background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5953,7 +6028,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #0f766e; + background: #f0fdfa; color: #0f766e; } .p-galleria .p-galleria-thumbnail-container { @@ -6145,6 +6220,103 @@ box-shadow: 0 0 0 0.2rem #99f6e4; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e5e7eb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #14b8a6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #14b8a6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css index 8026e335455..830d3772407 100644 --- a/src/assets/components/themes/luna-amber/theme.css +++ b/src/assets/components/themes/luna-amber/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #191919; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; @@ -865,6 +870,10 @@ border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e57373; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFE082; } @@ -896,9 +905,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e57373; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #888888; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #888888; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } @@ -1161,6 +1186,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #FFD54F; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } @@ -1271,6 +1307,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #9b9b9b; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #FFE082; + } .p-orderlist .p-orderlist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3350,14 +3407,13 @@ color: #888888; } .p-orderlist .p-orderlist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #FFE082; + } .p-picklist .p-picklist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3558,14 +3623,13 @@ color: #888888; } .p-picklist .p-picklist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4208,6 +4272,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } .p-splitter { @@ -4223,6 +4293,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #4b4b4b; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } @@ -5711,7 +5786,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5821,7 +5896,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6140,6 +6215,103 @@ box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #eaeaea; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #FFE082; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #FFE082; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css index ffb37e59e25..0666d3950b1 100644 --- a/src/assets/components/themes/luna-blue/theme.css +++ b/src/assets/components/themes/luna-blue/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #191919; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; @@ -865,6 +870,10 @@ border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e57373; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81D4FA; } @@ -896,9 +905,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e57373; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #888888; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #888888; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } @@ -1161,6 +1186,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #4FC3F7; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } @@ -1271,6 +1307,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #9b9b9b; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #81D4FA; + } .p-orderlist .p-orderlist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3350,14 +3407,13 @@ color: #888888; } .p-orderlist .p-orderlist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #81D4FA; + } .p-picklist .p-picklist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3558,14 +3623,13 @@ color: #888888; } .p-picklist .p-picklist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4208,6 +4272,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } .p-splitter { @@ -4223,6 +4293,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #4b4b4b; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } @@ -5711,7 +5786,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5821,7 +5896,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6140,6 +6215,103 @@ box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #eaeaea; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #81D4FA; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #81D4FA; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css index 75b666e2f7b..0cb6cac4706 100644 --- a/src/assets/components/themes/luna-green/theme.css +++ b/src/assets/components/themes/luna-green/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #191919; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; @@ -865,6 +870,10 @@ border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e57373; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #C5E1A5; } @@ -896,9 +905,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e57373; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #888888; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #888888; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } @@ -1161,6 +1186,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #AED581; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } @@ -1271,6 +1307,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #9b9b9b; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #C5E1A5; + } .p-orderlist .p-orderlist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3350,14 +3407,13 @@ color: #888888; } .p-orderlist .p-orderlist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #C5E1A5; + } .p-picklist .p-picklist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3558,14 +3623,13 @@ color: #888888; } .p-picklist .p-picklist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4208,6 +4272,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } .p-splitter { @@ -4223,6 +4293,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #4b4b4b; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } @@ -5711,7 +5786,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5821,7 +5896,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6140,6 +6215,103 @@ box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #eaeaea; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #C5E1A5; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #C5E1A5; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css index 3cf9e83812a..c01ee81a68b 100644 --- a/src/assets/components/themes/luna-pink/theme.css +++ b/src/assets/components/themes/luna-pink/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #191919; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; @@ -865,6 +870,10 @@ border-color: #212529; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e57373; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #F48FB1; } @@ -896,9 +905,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #dedede; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e57373; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #252525; color: #888888; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #888888; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #888888; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } @@ -1161,6 +1186,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #F06292; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e57373; } @@ -1271,6 +1307,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #9b9b9b; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #F48FB1; + } .p-orderlist .p-orderlist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3350,14 +3407,13 @@ color: #888888; } .p-orderlist .p-orderlist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #323232; + border: 1px solid #191919; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #F48FB1; + } .p-picklist .p-picklist-header { - background: #191919; color: #dedede; - border: 1px solid #191919; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3558,14 +3623,13 @@ color: #888888; } .p-picklist .p-picklist-list { - border: 1px solid #191919; - background: #323232; color: #dedede; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #191919; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4208,6 +4272,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } .p-splitter { @@ -4223,6 +4293,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #4b4b4b; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } @@ -5711,7 +5786,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5821,7 +5896,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6140,6 +6215,103 @@ box-shadow: 0 0 0 0.1rem white; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #eaeaea; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #F48FB1; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #F48FB1; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/md-dark-deeppurple/theme.css b/src/assets/components/themes/md-dark-deeppurple/theme.css index ed5e5b50d7b..30f2740804e 100644 --- a/src/assets/components/themes/md-dark-deeppurple/theme.css +++ b/src/assets/components/themes/md-dark-deeppurple/theme.css @@ -393,9 +393,9 @@ padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: transparent; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -915,9 +924,9 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } @@ -1180,6 +1205,17 @@ right: 4rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(206, 147, 216, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } @@ -1290,6 +1326,18 @@ padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(255, 255, 255, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(255, 255, 255, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(206, 147, 216, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #CE93D8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #CE93D8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(206, 147, 216, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(165, 214, 167, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/md-dark-indigo/theme.css b/src/assets/components/themes/md-dark-indigo/theme.css index 2041323f028..d23d84b9e71 100644 --- a/src/assets/components/themes/md-dark-indigo/theme.css +++ b/src/assets/components/themes/md-dark-indigo/theme.css @@ -393,9 +393,9 @@ padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: transparent; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -915,9 +924,9 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } @@ -1180,6 +1205,17 @@ right: 4rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(159, 168, 218, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } @@ -1290,6 +1326,18 @@ padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(255, 255, 255, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(255, 255, 255, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(159, 168, 218, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #9FA8DA; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #9FA8DA; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(159, 168, 218, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(244, 143, 177, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/md-light-deeppurple/theme.css b/src/assets/components/themes/md-light-deeppurple/theme.css index ed63152cdb9..6df9469eee1 100644 --- a/src/assets/components/themes/md-light-deeppurple/theme.css +++ b/src/assets/components/themes/md-light-deeppurple/theme.css @@ -393,9 +393,9 @@ padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: #ffffff; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -915,9 +924,9 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } @@ -1180,6 +1205,17 @@ right: 4rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(103, 58, 183, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } @@ -1290,6 +1326,18 @@ padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(0, 0, 0, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(0, 0, 0, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(0, 0, 0, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(103, 58, 183, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #673AB7; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #673AB7; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(103, 58, 183, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(76, 175, 80, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/md-light-indigo/theme.css b/src/assets/components/themes/md-light-indigo/theme.css index 403993ca69d..a181b90ea17 100644 --- a/src/assets/components/themes/md-light-indigo/theme.css +++ b/src/assets/components/themes/md-light-indigo/theme.css @@ -393,9 +393,9 @@ padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: #ffffff; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -915,9 +924,9 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 1rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 1rem; + color: rgba(0, 0, 0, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } @@ -1180,6 +1205,17 @@ right: 4rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(63, 81, 181, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } @@ -1290,6 +1326,18 @@ padding-right: 3rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 3rem; + } + + .p-icon-field-left.p-float-label > label { + left: 3rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 3rem; + } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(0, 0, 0, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(0, 0, 0, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(0, 0, 0, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(63, 81, 181, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3F51B5; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3F51B5; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(63, 81, 181, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/src/assets/components/themes/mdc-dark-deeppurple/theme.css index 5c8c20e3ee3..7104ffebf04 100644 --- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css @@ -393,9 +393,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: transparent; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -915,9 +924,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } @@ -1180,6 +1205,17 @@ right: 3.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(206, 147, 216, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } @@ -1290,6 +1326,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(255, 255, 255, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(255, 255, 255, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(206, 147, 216, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #CE93D8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #CE93D8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(206, 147, 216, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(165, 214, 167, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/mdc-dark-indigo/theme.css b/src/assets/components/themes/mdc-dark-indigo/theme.css index 3e709f86bff..0e4bca2a203 100644 --- a/src/assets/components/themes/mdc-dark-indigo/theme.css +++ b/src/assets/components/themes/mdc-dark-indigo/theme.css @@ -393,9 +393,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: transparent; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } @@ -915,9 +924,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } @@ -1180,6 +1205,17 @@ right: 3.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(159, 168, 218, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44435; } @@ -1290,6 +1326,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; color: rgba(255, 255, 255, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid rgba(255, 255, 255, 0.12); + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(255, 255, 255, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(255, 255, 255, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(159, 168, 218, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #9FA8DA; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #9FA8DA; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(159, 168, 218, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(244, 143, 177, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/mdc-light-deeppurple/theme.css b/src/assets/components/themes/mdc-light-deeppurple/theme.css index 44032f51c8e..fa8a1741574 100644 --- a/src/assets/components/themes/mdc-light-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css @@ -393,9 +393,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: #ffffff; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -915,9 +924,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } @@ -1180,6 +1205,17 @@ right: 3.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(103, 58, 183, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } @@ -1290,6 +1326,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(0, 0, 0, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(0, 0, 0, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(0, 0, 0, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(103, 58, 183, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #673AB7; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #673AB7; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(103, 58, 183, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(76, 175, 80, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/mdc-light-indigo/theme.css b/src/assets/components/themes/mdc-light-indigo/theme.css index 728b0cba70a..be1f9c8626d 100644 --- a/src/assets/components/themes/mdc-light-indigo/theme.css +++ b/src/assets/components/themes/mdc-light-indigo/theme.css @@ -393,9 +393,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -458,6 +458,11 @@ background: #ffffff; font-weight: 400; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; @@ -884,6 +889,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #b00020; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } @@ -915,9 +924,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; @@ -1075,6 +1084,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #b00020; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1089,27 +1108,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1149,6 +1164,16 @@ width: 2.75rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } @@ -1180,6 +1205,17 @@ right: 3.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 2.75rem; height: 1rem; @@ -1219,7 +1255,7 @@ background: rgba(63, 81, 181, 0.5); } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #b00020; } @@ -1290,6 +1326,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } @@ -3335,14 +3383,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-orderlist .p-orderlist-header { + color: rgba(0, 0, 0, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 500; @@ -3361,14 +3418,13 @@ color: rgba(0, 0, 0, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -3543,14 +3599,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #ffffff; - color: rgba(0, 0, 0, 0.87); border: 1px solid #e0e0e0; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } + .p-picklist .p-picklist-header { + color: rgba(0, 0, 0, 0.87); padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 500; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 500; @@ -3569,14 +3634,13 @@ color: rgba(0, 0, 0, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #e0e0e0; - background: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e0e0e0; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; margin: 0; @@ -4243,6 +4307,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-splitter { @@ -4258,6 +4328,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(0, 0, 0, 0.12); } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } @@ -5770,7 +5845,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5880,7 +5955,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6199,6 +6274,103 @@ box-shadow: none; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: rgba(63, 81, 181, 0.32); + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #3F51B5; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #3F51B5; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 4px; @@ -7655,10 +7827,13 @@ box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight { background: rgba(63, 81, 181, 0.24); } @@ -7789,5 +7964,20 @@ .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } + + .p-scrollpanel .p-scrollpanel-bar:focus { + box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2); + } + + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { + box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2); + } + .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle { + transform: scale(1); + } } /* Customizations to the designer theme should be defined here */ diff --git a/src/assets/components/themes/mira/theme.css b/src/assets/components/themes/mira/theme.css index be377a0c180..21fa8b00f92 100644 --- a/src/assets/components/themes/mira/theme.css +++ b/src/assets/components/themes/mira/theme.css @@ -396,9 +396,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4c566a; padding: 0; margin: 0; @@ -461,6 +461,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #4c566a; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #bf616a; @@ -887,6 +892,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #bf616a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81a1c1; } @@ -918,9 +927,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #4c566a; padding: 0; margin: 0; @@ -1078,6 +1087,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #bf616a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #ffffff; color: #81a1c1; @@ -1092,27 +1111,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1152,6 +1167,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: #81a1c1; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: #81a1c1; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #bf616a; } @@ -1183,6 +1208,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1222,7 +1258,7 @@ background: #81a1c1; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #bf616a; } @@ -1293,6 +1329,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: #4c566a; } @@ -3338,14 +3386,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #ffffff; - color: #4c566a; border: 1px solid #e5e9f0; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; + } + .p-orderlist .p-orderlist-header { + color: #4c566a; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3364,14 +3421,13 @@ color: #81a1c1; } .p-orderlist .p-orderlist-list { - border: 1px solid #e5e9f0; - background: #ffffff; color: #4c566a; padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e9f0; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3546,14 +3602,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #ffffff; - color: #4c566a; border: 1px solid #e5e9f0; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; + } + .p-picklist .p-picklist-header { + color: #4c566a; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 4px; - border-top-left-radius: 4px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3572,14 +3637,13 @@ color: #81a1c1; } .p-picklist .p-picklist-list { - border: 1px solid #e5e9f0; - background: #ffffff; color: #4c566a; padding: 0.5rem 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e9f0; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4246,6 +4310,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #eceff4; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-splitter { @@ -4261,6 +4331,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #c2c7d1; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + } .p-splitter .p-splitter-gutter-resizing { background: #c2c7d1; } @@ -5773,7 +5848,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5883,7 +5958,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6202,6 +6277,103 @@ box-shadow: 0 0 0 0.2rem #c0d0e0; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e5e9f0; + border-radius: 4px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #5e81ac; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #5e81ac; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/nano/theme.css b/src/assets/components/themes/nano/theme.css index 9ae7f144783..5409b6ba4d0 100644 --- a/src/assets/components/themes/nano/theme.css +++ b/src/assets/components/themes/nano/theme.css @@ -370,9 +370,9 @@ padding: 0.125rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #343a3f; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.25rem 0.5rem; + color: #343a3f; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #d8222f; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #d8222f; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #1174c0; } @@ -892,9 +901,9 @@ padding: 0.125rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #343a3f; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #d8222f; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #dde1e6; color: #697077; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.25rem; + color: #697077; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.25rem; + color: #697077; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #d8222f; } @@ -1157,6 +1182,17 @@ right: 2.607rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.5rem; + } + .p-inputswitch { width: 2rem; height: 1.155rem; @@ -1196,7 +1232,7 @@ background: #0f68ad; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #d8222f; } @@ -1267,6 +1303,18 @@ padding-right: 1.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.5rem; + } + ::-webkit-input-placeholder { color: #697077; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 1px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; + border-color: #1174c0; + } .p-orderlist .p-orderlist-header { - background: #f2f4f8; color: #343a3f; - border: 1px solid #dee2e6; padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 1px; - border-top-left-radius: 1px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: #697077; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #343a3f; padding: 0.25rem 0; - border-bottom-right-radius: 1px; - border-bottom-left-radius: 1px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.25rem 0.5rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 1px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; + border-color: #1174c0; + } .p-picklist .p-picklist-header { - background: #f2f4f8; color: #343a3f; - border: 1px solid #dee2e6; padding: 0.75rem; - border-bottom: 0 none; - border-top-right-radius: 1px; - border-top-left-radius: 1px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: #697077; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #343a3f; padding: 0.25rem 0; - border-bottom-right-radius: 1px; - border-bottom-left-radius: 1px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.25rem 0.5rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f2f4f8; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; + } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 0.2rem #90c9f5; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #dee2e6; + border-radius: 1px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #1174c0; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #1174c0; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 1px; + border-bottom-left-radius: 1px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 1px; + border-bottom-right-radius: 1px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 1px; + border-top-right-radius: 1px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/nova-accent/theme.css b/src/assets/components/themes/nova-accent/theme.css index 589fce37ea8..b931efbcdad 100644 --- a/src/assets/components/themes/nova-accent/theme.css +++ b/src/assets/components/themes/nova-accent/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #333333; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #f4f4f4; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #a80000; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } @@ -892,9 +901,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #333333; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #a80000; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #848484; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #848484; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } @@ -1157,6 +1182,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #116fbf; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a80000; } @@ -1267,6 +1303,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #666666; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #c8c8c8; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } .p-orderlist .p-orderlist-header { - background: #007ad9; color: #ffffff; - border: 1px solid #007ad9; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3338,14 +3395,13 @@ color: #848484; } .p-orderlist .p-orderlist-list { - border: 1px solid #c8c8c8; - background: #ffffff; color: #333333; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #c8c8c8; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #c8c8c8; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } .p-picklist .p-picklist-header { - background: #007ad9; color: #ffffff; - border: 1px solid #007ad9; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3546,14 +3611,13 @@ color: #848484; } .p-picklist .p-picklist-list { - border: 1px solid #c8c8c8; - background: #ffffff; color: #333333; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #c8c8c8; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4196,6 +4260,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; } .p-splitter { @@ -4211,6 +4281,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #d8dae2; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } @@ -5699,7 +5774,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5809,7 +5884,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6128,6 +6203,103 @@ box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #eaeaea; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #007ad9; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #007ad9; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/nova-alt/theme.css b/src/assets/components/themes/nova-alt/theme.css index 1d53e6fd868..55e3ef8a2c5 100644 --- a/src/assets/components/themes/nova-alt/theme.css +++ b/src/assets/components/themes/nova-alt/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #333333; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #f4f4f4; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; @@ -865,6 +870,10 @@ border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #a80000; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } @@ -896,9 +905,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #333333; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #a80000; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #848484; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #848484; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } @@ -1161,6 +1186,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #116fbf; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a80000; } @@ -1271,6 +1307,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #666666; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #c8c8c8; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } .p-orderlist .p-orderlist-header { - background: #333333; color: #ffffff; - border: 1px solid #333333; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3350,14 +3407,13 @@ color: #848484; } .p-orderlist .p-orderlist-list { - border: 1px solid #c8c8c8; - background: #ffffff; color: #333333; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #c8c8c8; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #c8c8c8; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } .p-picklist .p-picklist-header { - background: #333333; color: #ffffff; - border: 1px solid #333333; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3558,14 +3623,13 @@ color: #848484; } .p-picklist .p-picklist-list { - border: 1px solid #c8c8c8; - background: #ffffff; color: #333333; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #c8c8c8; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4208,6 +4272,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; } .p-splitter { @@ -4223,6 +4293,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #d8dae2; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } @@ -5711,7 +5786,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5821,7 +5896,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6140,6 +6215,103 @@ box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #eaeaea; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #007ad9; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #007ad9; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/nova/theme.css b/src/assets/components/themes/nova/theme.css index cf0d3c3fb1a..16f6d995b12 100644 --- a/src/assets/components/themes/nova/theme.css +++ b/src/assets/components/themes/nova/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #333333; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #f4f4f4; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; @@ -865,6 +870,10 @@ border-color: #ffffff; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #a80000; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } @@ -896,9 +905,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #333333; padding: 0; margin: 0; @@ -1056,6 +1065,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #a80000; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1070,27 +1089,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1130,6 +1145,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #848484; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #848484; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } @@ -1161,6 +1186,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1200,7 +1236,7 @@ background: #116fbf; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #a80000; } @@ -1271,6 +1307,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #666666; } @@ -3324,14 +3372,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #c8c8c8; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } .p-orderlist .p-orderlist-header { - background: #f4f4f4; color: #333333; - border: 1px solid #c8c8c8; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3350,14 +3407,13 @@ color: #848484; } .p-orderlist .p-orderlist-list { - border: 1px solid #c8c8c8; - background: #ffffff; color: #333333; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #c8c8c8; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3532,14 +3588,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #c8c8c8; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } .p-picklist .p-picklist-header { - background: #f4f4f4; color: #333333; - border: 1px solid #c8c8c8; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3558,14 +3623,13 @@ color: #848484; } .p-picklist .p-picklist-list { - border: 1px solid #c8c8c8; - background: #ffffff; color: #333333; padding: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #c8c8c8; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4208,6 +4272,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; } .p-splitter { @@ -4223,6 +4293,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #d8dae2; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } @@ -5711,7 +5786,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5821,7 +5896,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6140,6 +6215,103 @@ box-shadow: 0 0 0 0.2rem #8dcdff; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #eaeaea; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #007ad9; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #007ad9; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css index 9c06cbc0998..05868fbe7b3 100644 --- a/src/assets/components/themes/rhea/theme.css +++ b/src/assets/components/themes/rhea/theme.css @@ -370,9 +370,9 @@ padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #666666; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #f4f4f4; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.429rem 0.857rem; + color: #666666; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e7a3a3; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e7a3a3; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #a6a6a6; } @@ -892,9 +901,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #666666; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #e7a3a3; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #dbdbdb; color: #666666; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.429rem; + color: #a6a6a6; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.429rem; + color: #a6a6a6; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e7a3a3; } @@ -1157,6 +1182,17 @@ right: 2.786rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #afd3c8; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #e7a3a3; } @@ -1267,6 +1303,18 @@ padding-right: 1.858rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 1.858rem; + } + + .p-icon-field-left.p-float-label > label { + left: 1.858rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 1.858rem; + } + ::-webkit-input-placeholder { color: #a6a6a6; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dadada; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + border-color: #7b95a3; + } .p-orderlist .p-orderlist-header { - background: #7b95a3; color: #ffffff; - border: 1px solid #7b95a3; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3338,14 +3395,13 @@ color: #a6a6a6; } .p-orderlist .p-orderlist-list { - border: 1px solid #dadada; - background: #ffffff; color: #666666; padding: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dadada; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dadada; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + border-color: #7b95a3; + } .p-picklist .p-picklist-header { - background: #7b95a3; color: #ffffff; - border: 1px solid #7b95a3; padding: 0.857rem 1rem; - border-bottom: 0 none; - border-top-right-radius: 2px; - border-top-left-radius: 2px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3546,14 +3611,13 @@ color: #a6a6a6; } .p-picklist .p-picklist-list { - border: 1px solid #dadada; - background: #ffffff; color: #666666; padding: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dadada; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; margin: 0; @@ -4196,6 +4260,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-splitter { @@ -4211,6 +4281,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dadada; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + } .p-splitter .p-splitter-gutter-resizing { background: #dadada; } @@ -5699,7 +5774,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5809,7 +5884,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6128,6 +6203,103 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #efefef; + border-radius: 2px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #7b95a3; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #7b95a3; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + .p-progressbar { border: 0 none; height: 24px; diff --git a/src/assets/components/themes/saga-blue/theme.css b/src/assets/components/themes/saga-blue/theme.css index e33ae040372..9d1a8cdade2 100644 --- a/src/assets/components/themes/saga-blue/theme.css +++ b/src/assets/components/themes/saga-blue/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2196F3; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: #6c757d; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: #6c757d; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #0d89ec; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: #6c757d; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; + } .p-orderlist .p-orderlist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: #6c757d; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; + } .p-picklist .p-picklist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: #6c757d; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #dee2e6; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #2196F3; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #2196F3; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/saga-green/theme.css b/src/assets/components/themes/saga-green/theme.css index 6ed98f56347..5fbce6340f6 100644 --- a/src/assets/components/themes/saga-green/theme.css +++ b/src/assets/components/themes/saga-green/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #4CAF50; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: #6c757d; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: #6c757d; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #449e48; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: #6c757d; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; + } .p-orderlist .p-orderlist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: #6c757d; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; + } .p-picklist .p-picklist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: #6c757d; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #dee2e6; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #4CAF50; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #4CAF50; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/saga-orange/theme.css b/src/assets/components/themes/saga-orange/theme.css index 8c3e12e2937..05908bf0072 100644 --- a/src/assets/components/themes/saga-orange/theme.css +++ b/src/assets/components/themes/saga-orange/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFC107; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: #6c757d; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: #6c757d; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #ecb100; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: #6c757d; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; + } .p-orderlist .p-orderlist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: #6c757d; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; + } .p-picklist .p-picklist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: #6c757d; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #dee2e6; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #FFC107; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #FFC107; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/saga-purple/theme.css b/src/assets/components/themes/saga-purple/theme.css index cbffa537140..1ff57aa6688 100644 --- a/src/assets/components/themes/saga-purple/theme.css +++ b/src/assets/components/themes/saga-purple/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44336; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #9C27B0; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #495057; padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44336; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: #6c757d; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: #6c757d; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #8c239e; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f44336; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: #6c757d; } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; + } .p-orderlist .p-orderlist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: #6c757d; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; + } .p-picklist .p-picklist-header { - background: #f8f9fa; color: #495057; - border: 1px solid #dee2e6; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: #6c757d; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; - background: #ffffff; color: #495057; padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 0.2rem #df9eea; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #dee2e6; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #9C27B0; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #9C27B0; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/soho-dark/theme.css b/src/assets/components/themes/soho-dark/theme.css index 4a648fd44b6..d106c658d34 100644 --- a/src/assets/components/themes/soho-dark/theme.css +++ b/src/assets/components/themes/soho-dark/theme.css @@ -392,9 +392,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -457,6 +457,11 @@ background: #333544; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ff9a9a; @@ -883,6 +888,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ff9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #b19df7; } @@ -914,9 +923,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1074,6 +1083,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ff9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #282936; color: rgba(255, 255, 255, 0.6); @@ -1088,27 +1107,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1148,6 +1163,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ff9a9a; } @@ -1179,6 +1204,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1218,7 +1254,7 @@ background: #a28af5; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ff9a9a; } @@ -1289,6 +1325,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3334,14 +3382,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #282936; - color: rgba(255, 255, 255, 0.87); border: 1px solid #3e4053; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3360,14 +3417,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #3e4053; - background: #282936; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #3e4053; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3542,14 +3598,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #282936; - color: rgba(255, 255, 255, 0.87); border: 1px solid #3e4053; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3568,14 +3633,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #3e4053; - background: #282936; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #3e4053; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4218,6 +4282,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #3e4053; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; } .p-splitter { @@ -4233,6 +4303,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #3e4053; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } .p-splitter .p-splitter-gutter-resizing { background: #3e4053; } @@ -5721,7 +5796,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5831,7 +5906,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6150,6 +6225,103 @@ box-shadow: 0 0 0 1px #e0d8fc; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #3e4053; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #b19df7; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #b19df7; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/soho-light/theme.css b/src/assets/components/themes/soho-light/theme.css index 65c9c1b2852..39c5e9da81c 100644 --- a/src/assets/components/themes/soho-light/theme.css +++ b/src/assets/components/themes/soho-light/theme.css @@ -392,9 +392,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #043d75; padding: 0; margin: 0; @@ -457,6 +457,11 @@ background: #eff3f8; font-weight: 700; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ff6767; @@ -883,6 +888,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ff6767; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #7254f3; } @@ -914,9 +923,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #043d75; padding: 0; margin: 0; @@ -1074,6 +1083,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ff6767; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #f6f9fc; color: #708da9; @@ -1088,27 +1107,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1148,6 +1163,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #708da9; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #708da9; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ff6767; } @@ -1179,6 +1204,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1218,7 +1254,7 @@ background: #6545f2; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ff6767; } @@ -1289,6 +1325,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #708da9; } @@ -3334,14 +3382,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dfe7ef; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } .p-orderlist .p-orderlist-header { - background: #eff3f8; color: #708da9; - border: 1px solid #dfe7ef; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3360,14 +3417,13 @@ color: #708da9; } .p-orderlist .p-orderlist-list { - border: 1px solid #dfe7ef; - background: #ffffff; color: #043d75; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dfe7ef; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -3542,14 +3598,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dfe7ef; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } .p-picklist .p-picklist-header { - background: #eff3f8; color: #708da9; - border: 1px solid #dfe7ef; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3568,14 +3633,13 @@ color: #708da9; } .p-picklist .p-picklist-list { - border: 1px solid #dfe7ef; - background: #ffffff; color: #043d75; padding: 0.75rem 0; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dfe7ef; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; @@ -4218,6 +4282,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #eff3f8; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; } .p-splitter { @@ -4233,6 +4303,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dfe7ef; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } .p-splitter .p-splitter-gutter-resizing { background: #dfe7ef; } @@ -5721,7 +5796,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5831,7 +5906,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6150,6 +6225,103 @@ box-shadow: 0 0 0 1px #c7bbfa; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #dfe7ef; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #7254f3; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #7254f3; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/tailwind-light/theme.css b/src/assets/components/themes/tailwind-light/theme.css index 0db20b88595..adb38f70184 100644 --- a/src/assets/components/themes/tailwind-light/theme.css +++ b/src/assets/components/themes/tailwind-light/theme.css @@ -406,9 +406,9 @@ padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #3f3f46; padding: 0; margin: 0; @@ -471,6 +471,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f0a9a7; @@ -897,6 +902,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f0a9a7; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #d4d4d8; } @@ -928,9 +937,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #3f3f46; padding: 0; margin: 0; @@ -1088,6 +1097,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f0a9a7; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #fafafa; color: #71717a; @@ -1102,27 +1121,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1162,6 +1177,16 @@ width: 3rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #71717a; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #71717a; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f0a9a7; } @@ -1193,6 +1218,17 @@ right: 3.75rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1232,7 +1268,7 @@ background: #4338ca; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f0a9a7; } @@ -1303,6 +1339,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #71717a; } @@ -3348,14 +3396,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + transition: none; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } .p-orderlist .p-orderlist-header { - background: #fafafa; color: #3f3f46; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; + font-weight: 700; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 700; @@ -3374,14 +3431,13 @@ color: #71717a; } .p-orderlist .p-orderlist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #3f3f46; padding: 0.25rem 0; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1rem; margin: 0; @@ -3556,14 +3612,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + transition: none; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } .p-picklist .p-picklist-header { - background: #fafafa; color: #3f3f46; - border: 1px solid #e5e7eb; padding: 1.25rem; - border-bottom: 0 none; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; + font-weight: 700; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 700; @@ -3582,14 +3647,13 @@ color: #71717a; } .p-picklist .p-picklist-list { - border: 1px solid #e5e7eb; - background: #ffffff; color: #3f3f46; padding: 0.25rem 0; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #e5e7eb; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1rem; margin: 0; @@ -4256,6 +4320,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #fafafa; border: 0 none; + transition: none; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; } .p-splitter { @@ -4271,6 +4341,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } @@ -5783,7 +5858,7 @@ transition: none; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5893,7 +5968,7 @@ transition: none; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6212,6 +6287,103 @@ box-shadow: 0 0 0 1px #6366f1; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #e5e7eb; + border-radius: 0.375rem; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #4f46e5; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #4f46e5; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/vela-blue/theme.css b/src/assets/components/themes/vela-blue/theme.css index 5b2c6454cce..40d8af8023b 100644 --- a/src/assets/components/themes/vela-blue/theme.css +++ b/src/assets/components/themes/vela-blue/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1f2d40; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #64B5F6; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #43a5f4; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #304562; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } .p-splitter .p-splitter-gutter-resizing { background: #304562; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #93cbf9; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #64B5F6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #64B5F6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/vela-green/theme.css b/src/assets/components/themes/vela-green/theme.css index 2b14b4b6012..7b773efcddd 100644 --- a/src/assets/components/themes/vela-green/theme.css +++ b/src/assets/components/themes/vela-green/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1f2d40; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81C784; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #6abd6e; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #304562; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } .p-splitter .p-splitter-gutter-resizing { background: #304562; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #a7d8a9; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #81C784; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #81C784; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/vela-orange/theme.css b/src/assets/components/themes/vela-orange/theme.css index c4c4c07d458..69a0b21f004 100644 --- a/src/assets/components/themes/vela-orange/theme.css +++ b/src/assets/components/themes/vela-orange/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1f2d40; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFD54F; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #ffcd2e; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #304562; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } .p-splitter .p-splitter-gutter-resizing { background: #304562; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #ffe284; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #FFD54F; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #FFD54F; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/vela-purple/theme.css b/src/assets/components/themes/vela-purple/theme.css index e6d59bdf070..238b5f78f50 100644 --- a/src/assets/components/themes/vela-purple/theme.css +++ b/src/assets/components/themes/vela-purple/theme.css @@ -370,9 +370,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -435,6 +435,11 @@ background: #1f2d40; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; @@ -861,6 +866,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ef9a9a; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #BA68C8; } @@ -892,9 +901,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1052,6 +1061,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ef9a9a; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1066,27 +1085,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1126,6 +1141,16 @@ width: 2.357rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } @@ -1157,6 +1182,17 @@ right: 2.857rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1196,7 +1232,7 @@ background: #b052c0; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #ef9a9a; } @@ -1267,6 +1303,18 @@ padding-right: 2rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3312,14 +3360,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3338,14 +3395,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; @@ -3520,14 +3576,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #1f2d40; - color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3546,14 +3611,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #304562; - background: #1f2d40; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #304562; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; @@ -4220,6 +4284,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; } .p-splitter { @@ -4235,6 +4305,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #304562; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } .p-splitter .p-splitter-gutter-resizing { background: #304562; } @@ -5747,7 +5822,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5857,7 +5932,7 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6176,6 +6251,103 @@ box-shadow: 0 0 0 1px #cf95d9; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #304562; + border-radius: 3px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #BA68C8; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #BA68C8; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/viva-dark/theme.css b/src/assets/components/themes/viva-dark/theme.css index 96e6a22e07b..abd14f03be7 100644 --- a/src/assets/components/themes/viva-dark/theme.css +++ b/src/assets/components/themes/viva-dark/theme.css @@ -400,9 +400,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -465,6 +465,11 @@ background: #161d21; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f78c79; @@ -891,6 +896,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f78c79; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2d3e44; } @@ -922,9 +931,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -1082,6 +1091,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f78c79; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #161d21; color: rgba(255, 255, 255, 0.6); @@ -1096,27 +1115,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1156,6 +1171,16 @@ width: 2.857rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f78c79; } @@ -1187,6 +1212,17 @@ right: 3.607rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1226,7 +1262,7 @@ background: #8fa0e2; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f78c79; } @@ -1297,6 +1333,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } @@ -3342,14 +3390,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #161d21; - color: rgba(255, 255, 255, 0.87); border: 2px solid #263238; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-orderlist .p-orderlist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3368,14 +3425,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 2px solid #263238; - background: #161d21; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0.5rem; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 2px solid #263238; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0 0 4px 0; @@ -3550,14 +3606,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #161d21; - color: rgba(255, 255, 255, 0.87); border: 2px solid #263238; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-picklist .p-picklist-header { + color: rgba(255, 255, 255, 0.87); padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3576,14 +3641,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 2px solid #263238; - background: #161d21; color: rgba(255, 255, 255, 0.87); padding: 0.5rem 0.5rem; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 2px solid #263238; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0 0 4px 0; @@ -4250,6 +4314,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #263238; border: 0 none; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; } .p-splitter { @@ -4265,6 +4335,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #263238; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } .p-splitter .p-splitter-gutter-resizing { background: #263238; } @@ -5777,7 +5852,7 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5887,7 +5962,7 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6206,6 +6281,103 @@ box-shadow: 0 0 0 1px #9eade6; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #263238; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #9eade6; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #9eade6; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/components/themes/viva-light/theme.css b/src/assets/components/themes/viva-light/theme.css index 6140f4b44d3..8b5fb01cd3b 100644 --- a/src/assets/components/themes/viva-light/theme.css +++ b/src/assets/components/themes/viva-light/theme.css @@ -401,9 +401,9 @@ padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #6c6c6c; padding: 0; margin: 0; @@ -466,6 +466,11 @@ background: #ffffff; font-weight: 600; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + background: transparent; + } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f88c79; @@ -892,6 +897,10 @@ margin-left: 0.5rem; } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f88c79; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #cecece; } @@ -923,9 +932,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; color: #6c6c6c; padding: 0; margin: 0; @@ -1083,6 +1092,16 @@ background-color: transparent; } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f88c79; + } + + .p-icon-field .p-input-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + } + .p-inputgroup-addon { background: #f5f5f5; color: #898989; @@ -1097,27 +1116,23 @@ } .p-inputgroup > .p-component, -.p-inputgroup > .p-element, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .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-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, -.p-inputgroup > .p-element:focus, -.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } @@ -1157,6 +1172,16 @@ width: 2.857rem; } + .p-icon-field-left .p-input-icon:first-of-type { + left: 0.75rem; + color: #898989; + } + + .p-icon-field-right .p-input-icon:last-of-type { + right: 0.75rem; + color: #898989; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f88c79; } @@ -1188,6 +1213,17 @@ right: 3.607rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputswitch { width: 3rem; height: 1.75rem; @@ -1227,7 +1263,7 @@ background: #4868d1; } - p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #f88c79; } @@ -1298,6 +1334,18 @@ padding-right: 2.5rem; } + .p-icon-field-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-icon-field-left.p-float-label > label { + left: 2.5rem; + } + + .p-icon-field-right > .p-inputtext { + padding-right: 2.5rem; + } + ::-webkit-input-placeholder { color: #898989; } @@ -3343,14 +3391,23 @@ .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } - .p-orderlist .p-orderlist-header { + .p-orderlist .p-orderlist-list-container { background: #ffffff; - color: #6c6c6c; border: 2px solid #ebebeb; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-orderlist .p-orderlist-header { + color: #6c6c6c; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; @@ -3369,14 +3426,13 @@ color: #898989; } .p-orderlist .p-orderlist-list { - border: 2px solid #ebebeb; - background: #ffffff; color: #6c6c6c; padding: 0.5rem 0.5rem; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 2px solid #ebebeb; + } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0 0 4px 0; @@ -3551,14 +3607,23 @@ .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } - .p-picklist .p-picklist-header { + .p-picklist .p-picklist-list-wrapper { background: #ffffff; - color: #6c6c6c; border: 2px solid #ebebeb; + border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-picklist .p-picklist-header { + color: #6c6c6c; padding: 1rem; - border-bottom: 0 none; - border-top-right-radius: 6px; - border-top-left-radius: 6px; + font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; @@ -3577,14 +3642,13 @@ color: #898989; } .p-picklist .p-picklist-list { - border: 2px solid #ebebeb; - background: #ffffff; color: #6c6c6c; padding: 0.5rem 0.5rem; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; outline: 0 none; } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 2px solid #ebebeb; + } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0 0 4px 0; @@ -4251,6 +4315,12 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f5f5f5; border: 0 none; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-splitter { @@ -4266,6 +4336,11 @@ .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #ebebeb; } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } .p-splitter .p-splitter-gutter-resizing { background: #ebebeb; } @@ -5778,7 +5853,7 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-message .p-message-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; @@ -5888,7 +5963,7 @@ transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-toast .p-toast-message .p-toast-icon-close:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; @@ -6207,6 +6282,103 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } + .p-metergroup { + display: flex; + } + + .p-metergroup-meters { + display: flex; + } + + .p-metergroup-vertical .p-metergroup-meters { + flex-direction: column; + } + + .p-metergroup-labels { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style-type: none; + } + + .p-metergroup-vertical .p-metergroup-labels { + align-items: start; + } + + .p-metergroup-labels-vertical { + flex-direction: column; + } + + .p-metergroup-label { + display: inline-flex; + align-items: center; + } + + .p-metergroup-label-marker { + display: inline-flex; + } + + .p-metergroup { + gap: 1rem; + } + .p-metergroup .p-metergroup-meters { + background: #ebebeb; + border-radius: 6px; + } + .p-metergroup .p-metergroup-meter { + border: 0 none; + background: #5472d4; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-marker { + background: #5472d4; + width: 0.5rem; + height: 0.5rem; + border-radius: 100%; + } + .p-metergroup .p-metergroup-labels .p-metergroup-label-icon { + width: 1rem; + height: 1rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical { + gap: 0.5rem; + } + .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal { + gap: 1rem; + } + .p-metergroup.p-metergroup-horizontal { + flex-direction: column; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meters { + height: 0.5rem; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical { + flex-direction: row; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meters { + width: 0.5rem; + height: 100%; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type { + border-top-left-radius: 6px; + border-top-right-radius: 6px; + } + .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-progressbar { border: 0 none; height: 1.5rem; diff --git a/src/assets/showcase/data/menu.json b/src/assets/showcase/data/menu.json index 75229707b2e..0f63465ca71 100644 --- a/src/assets/showcase/data/menu.json +++ b/src/assets/showcase/data/menu.json @@ -57,6 +57,16 @@ "name": "Editor", "routerLink": "/editor" }, + { + "name": "FloatLabel", + "routerLink": "/floatlabel", + "badge": "NEW" + }, + { + "name": "IconField", + "routerLink": "/iconfield", + "badge": "NEW" + }, { "name": "InputGroup", "routerLink": "/inputgroup" @@ -81,6 +91,11 @@ "name": "InputNumber", "routerLink": "/inputnumber" }, + { + "name": "InputOtp", + "routerLink": "/inputotp", + "badge": "NEW" + }, { "name": "Knob", "routerLink": "/knob" @@ -151,18 +166,10 @@ { "name": "Data", "children": [ - { - "name": "Table", - "routerLink": "/table" - }, { "name": "DataView", "routerLink": "/dataview" }, - { - "name": "Scroller", - "routerLink": "/scroller" - }, { "name": "OrderList", "routerLink": "/orderlist" @@ -180,16 +187,24 @@ "routerLink": "/picklist" }, { - "name": "Tree", - "routerLink": "/tree" + "name": "Scroller", + "routerLink": "/scroller" }, { - "name": "TreeTable", - "routerLink": "/treetable" + "name": "Table", + "routerLink": "/table" }, { "name": "Timeline", "routerLink": "/timeline" + }, + { + "name": "Tree", + "routerLink": "/tree" + }, + { + "name": "TreeTable", + "routerLink": "/treetable" } ] }, @@ -220,6 +235,11 @@ "name": "Splitter", "routerLink": "/splitter" }, + { + "name": "Stepper", + "routerLink": "/stepper", + "badge": "NEW" + }, { "name": "ScrollPanel", "routerLink": "/scrollpanel" @@ -392,6 +412,11 @@ "name": "Inplace", "routerLink": "/inplace" }, + { + "name": "MeterGroup", + "routerLink": "/metergroup", + "badge": "NEW" + }, { "name": "ScrollTop", "routerLink": "/scrolltop" @@ -466,10 +491,6 @@ "name": "Overview", "routerLink": "/theming" }, - { - "name": "Visual Editor", - "href": "https://designer.primeng.org" - }, { "name": "Colors", "routerLink": "/colors" @@ -510,14 +531,22 @@ "href": "https://blocks.primeng.org" }, { - "name": "PrimeFlex CSS", - "icon": "pi pi-table", - "href": "https://primeflex.org" - }, - { - "name": "Accessibility", - "icon": "pi pi-users", - "routerLink": "/accessibility" + "name": "Guides", + "icon": "pi pi-book", + "children": [ + { + "name": "Accessibility", + "routerLink": "/guides/accessibility" + }, + { + "name": "CSS Layer", + "routerLink": "/guides/csslayer" + }, + { + "name": "PrimeTV", + "href": "https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" + } + ] }, { "name": "Support", @@ -541,11 +570,6 @@ } ] }, - { - "name": "PrimeTV", - "icon": "pi pi-youtube", - "href": "https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" - }, { "name": "Discover", "icon": "pi pi-search", @@ -585,6 +609,10 @@ { "name": "PrimeGear", "href": "https://gear.primefaces.org" + }, + { + "name": "PrimeFlex CSS", + "href": "https://primeflex.org" } ] } diff --git a/src/assets/showcase/styles/layout/_sidebar.scss b/src/assets/showcase/styles/layout/_sidebar.scss index d512bb1757c..0830ba34310 100644 --- a/src/assets/showcase/styles/layout/_sidebar.scss +++ b/src/assets/showcase/styles/layout/_sidebar.scss @@ -40,6 +40,7 @@ color: var(--surface-900); font-weight: 600; transition: all .2s; + position: relative; border-radius: var(--border-radius); .menu-icon { @@ -52,6 +53,8 @@ align-items: center; justify-content: center; transition: all .2s; + position: relative; + background-color: transparent; i { color: var(--surface-700); @@ -66,8 +69,10 @@ &:hover { .menu-icon { + background-color: var(--surface-card); + i { - color: var(--primary-color); + color: var(--primary-color-default); } } @@ -77,11 +82,11 @@ } &.router-link-active { - color: var(--primary-color); + color: var(--primary-color-default); > .menu-icon { i { - color: var(--primary-color); + color: var(--primary-color-default); } } } @@ -102,9 +107,11 @@ transition: all .2s; font-weight: 450; display: flex; + align-items: center; padding: .5rem .5rem .5rem 1rem; color: var(--surface-700); transition: all .2s; + position: relative; &:focus-visible { outline: 0 none; @@ -117,8 +124,8 @@ } &.router-link-active { - color: var(--primary-color); - border-left-color: var(--primary-color); + color: var(--primary-color-default); + border-left-color: var(--primary-color-default); } } @@ -127,8 +134,6 @@ padding: 0; } - - &:has(.menu-child-category) { margin-top: 1rem; } @@ -141,6 +146,17 @@ } } + .p-tag { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + + .p-tag-value { + line-height: 1; + } + } + .menu-child-category { display: flex; padding: .5rem .5rem .5rem 0; diff --git a/src/assets/showcase/styles/layout/landing/_main.scss b/src/assets/showcase/styles/layout/landing/_main.scss index 93f374c94b7..d65577323f9 100644 --- a/src/assets/showcase/styles/layout/landing/_main.scss +++ b/src/assets/showcase/styles/layout/landing/_main.scss @@ -7,8 +7,54 @@ border: 1px solid var(--home-border-color); border-radius: 10px; background-color: var(--home-box-bg); + position: relative; + z-index: 0; + + &::before, + &::after { + content: ""; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid var(--home-box-ring-color); + transition: all .5s; + animation: clippath 3s infinite linear; + border-radius: 10px; + opacity: 0; + z-index: -1; + } + + &::after { + animation: clippath 3s infinite -1.5s linear; + } + + &:hover { + &::before, + &::after { + opacity: 1; + } + } } +@keyframes clippath { + 0%, + 100% { + clip-path: inset(0 0 98% 0); + } + + 25% { + clip-path: inset(0 98% 0 0); + } + 50% { + clip-path: inset(98% 0 0 0); + } + 75% { + clip-path: inset(0 0 0 98%); + } + } + .linkbox { transition: background-color .2s, border-color .2s; display: inline-flex; diff --git a/src/assets/showcase/styles/layout/layout.css b/src/assets/showcase/styles/layout/layout.css new file mode 100644 index 00000000000..71f7d853a1b --- /dev/null +++ b/src/assets/showcase/styles/layout/layout.css @@ -0,0 +1,2001 @@ +.landing.layout-light { + --home-highlight-color:#3B82F6; + --home-highlight-darker-color:#2563eb; + --home-highlight-fore-color:#ffffff; + --home-bg:#F9FAFB; + --home-border-color:rgba(0,0,0,.1); + --home-primary-text-color:#030712; + --home-secondary-text-color:#6b7280; + --home-card-shadow:0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01); + --home-box-bg:#ffffff; + --home-linkbox-bg:#ffffff; + --home-linkbox-border:1px solid rgba(0,0,0,.1); + --home-linkbox-text-color:#030712; + --home-linkbox-hover-bg:#e5e7eb; + --home-blocks-bg:transparent; + --home-blocks-block-bg:#ffffff; + --home-blocks-block-shadow:-10px 4px 10px 0px rgba(0, 0, 0, .1), -10px 4px 25px rgba(0, 0, 0, .1); + --home-blocks-border-left:5px solid rgba(0,0,0,.1); + --home-blocks-border-bottom:7px solid rgba(0,0,0,.1); + --home-blocks-border:1px solid rgba(0,0,0,.1); + --home-blocks-sidebar-bg:#f3f4f6; + --home-blocks-list-bg:#f9fafb; + --home-blocks-main-bg:#ffffff; + --home-blocks-main-border:1px solid rgba(0,0,0,.1); + --home-blocks-item-bg:#f4f5f7; + --home-blocks-image-bg:#e5e7eb; + --home-blocks-text-color:#d1d5db; + --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, .1); + --home-blocks-active-border-top:1px solid rgba(0,0,0,.07); + --home-blocks-active-border-right:1px solid rgba(0,0,0,.07); + --home-blocks-active-border-bottom:4px solid rgba(0,0,0,.07); + --home-blocks-active-border-left:4px solid rgba(0,0,0,.07); + --home-blocks-animation-shadow:0px 30px 50px 10px rgba(0, 0, 0, .2); + --home-blocks-tablebar-bg:#d1d5db; + --home-blocks-bar-bg:#d1d5db; + --home-blocks-bar-button-bg:#ffffff; + --home-blocks-circle-bg:#c7cad0; + --home-templates-bg:transparent; + --home-templates-block-shadow:0px 5px 10px 0px rgba(0,0,0,.1); + --home-templates-block-border-left:5px solid #d1d5db; + --home-templates-block-border-bottom:7px solid #d1d5db; + --home-templates-line:rgba(0,0,0,.1); + --home-templates-block-hover-bg:rgba(0, 0, 0, 0.2); + --home-templates-btn-bg:rgba(0, 0, 0, 0.5); + --home-templates-btn-text-color:#ffffff; + --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.5); + --home-templates-btn-border-top:1px solid rgba(0,0,0,.1); + --home-templates-btn-border-right:1px solid rgba(0,0,0,.1); + --home-templates-btn-border-bottom:4px solid rgba(0,0,0,.1); + --home-templates-btn-border-left:3px solid rgba(0,0,0,.1); + --home-features-card-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01); + --home-box-ring-color: var(--primary-100); +} + +.landing.layout-dark { + --home-highlight-color:#60a5fa; + --home-highlight-darker-color:#93c5fd; + --home-highlight-fore-color:#030712; + --home-bg:#111827; + --home-border-color:#424b57; + --home-primary-text-color:#ffffff; + --home-secondary-text-color:rgba(255,255,255,.6); + --home-card-shadow:0px 50px 100px rgba(0, 0, 0, 0.25); + --home-box-bg:#1f2937; + --home-linkbox-bg:rgba(255, 255, 255, .05); + --home-linkbox-border:1px solid rgba(255, 255, 255, .1); + --home-linkbox-text-color:#ffffff; + --home-linkbox-hover-bg:rgba(255, 255, 255, .1); + --home-blocks-bg:transparent; + --home-blocks-block-bg:#111827; + --home-blocks-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25) , 0px 4px 25px rgba(0, 0, 0, 0.25); + --home-blocks-border-left:5px solid #1f2937; + --home-blocks-border-bottom:7px solid #1f2937; + --home-blocks-border:1px solid #424b57; + --home-blocks-sidebar-bg:#1f2937; + --home-blocks-list-bg:#28323f; + --home-blocks-main-bg:#111827; + --home-blocks-main-border:1px solid #424b57; + --home-blocks-item-bg:#1f2937; + --home-blocks-image-bg:#28323f; + --home-blocks-text-color:#4b5563; + --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, 0.25); + --home-blocks-active-border-top:1px solid #424b57; + --home-blocks-active-border-right:1px solid #424b57; + --home-blocks-active-border-bottom:6px solid #424b57; + --home-blocks-active-border-left:4px solid #424b57; + --home-blocks-animation-shadow:0px 30px 50px 20px rgba(0, 0, 0, 0.25); + --home-blocks-tablebar-bg:#4b5563; + --home-blocks-bar-bg:#4b5563; + --home-blocks-bar-button-bg:#ffffff; + --home-blocks-circle-bg:#4b5563; + --home-templates-bg:transparent; + --home-templates-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25); + --home-templates-block-border-left:5px solid #424b57; + --home-templates-block-border-bottom:7px solid #424b57; + --home-templates-line:rgba(255,255,255,.1); + --home-templates-block-hover-bg:rgba(255,255,255,.1); + --home-templates-btn-bg:#1f2937; + --home-templates-btn-text-color:#ffffff; + --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.25); + --home-templates-btn-border-top:1px solid #424b57; + --home-templates-btn-border-right:1px solid #424b57; + --home-templates-btn-border-bottom:4px solid #424b57; + --home-templates-btn-border-left:3px solid #424b57; + --home-features-card-shadow: none; + --home-box-ring-color: rgba(96, 165, 250, 0.3); +} + +.layout-light { + --topbar-sticky-bg:rgba(255,255,255,.7); + --card-border: 1px solid var(--surface-border); + --card-bg: var(--surface-card); + --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png), radial-gradient(50% 50% at center top, var(--primary-100) 0%, #ffffff 100%); + --glow-blend: hard-light, multiply; + --topbar-border: rgba(0,0,0,.05); + --mobile-menu-bg: var(--surface-overlay); + --demo-code-bg: var(--surface-700); + --demo-code-button-color: var(--surface-300); + --demo-code-button-hover-bg: rgba(255,255,255,.1); + --demo-code-button-hover-color: var(--surface-100); + --doc-highlight-text-bg: var(--primary-100); + --doc-highlight-text-color: var(--primary-900); +} + +.layout-dark { + --topbar-sticky-bg:rgba(0,0,0,.3); + --card-border: 0 none; + --card-bg: var(--surface-card); + --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--primary-color) 0%, #000000 100%); + --glow-blend: hard-light, color-dodge; + --topbar-border: var(--surface-border); + --mobile-menu-bg: rgba(0,0,0,.3); + --demo-code-bg: var(--surface-card); + --demo-code-button-color: var(--surface-500); + --demo-code-button-hover-bg: rgba(255,255,255,.1); + --demo-code-button-hover-color: var(--surface-700); + --doc-highlight-text-bg: var(--highlight-bg); + --doc-highlight-text-color: var(--highlight-text-color); +} + +html { + font-size: 14px; +} + +body { + margin: 0px; + min-height: 100%; + overflow-x: hidden; + overflow-y: auto; + background-color: var(--surface-ground); + font-weight: normal; + color: var(--text-color); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.layout-wrapper { + background-color: var(--surface-ground); +} + +a { + text-decoration: none; +} + +::selection { + background-color: var(--highlight-bg); + color: var(--highlight-text-color); +} + +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: var(--surface-900); +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2rem; +} + +h2 { + font-size: 1.5rem; +} + +h3 { + font-size: 1.25rem; +} + +h4 { + font-size: 1.125rem; +} + +h5 { + font-size: 1rem; +} + +h6 { + font-size: 0.875rem; +} + +p { + line-height: 1.75; + margin: 0 0 1rem 0; +} + +input[type=number] { + -moz-appearance: textfield; +} +input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.p-toast.p-toast-top-right, +.p-toast.p-toast-top-left { + top: 7rem; +} + +.px-link { + font-size: 1rem; + border-radius: var(--border-radius); + text-align: left; + background-color: transparent; + margin: 0; + padding: 0; + border: none; + cursor: pointer; + user-select: none; +} +.px-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} + +.px-link:disabled { + cursor: default; +} + +button { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings); +} + +.landing, .layout-wrapper { + background-image: var(--glow-image); + background-blend-mode: var(--glow-blend); + background-position: top center; + background-repeat: no-repeat; + background-size: auto 20rem; +} + +.layout-topbar { + position: fixed; + top: 0; + left: 0; + width: calc(100% - var(--scrollbar-width, 0px)); + z-index: 1100; + transition: background-color 0.5s, border-color 0.5s; + border-bottom: 1px solid transparent; +} +.layout-topbar.layout-topbar-sticky { + border-bottom: 1px solid var(--surface-border); + background-color: var(--topbar-sticky-bg); + backdrop-filter: blur(8px); +} + +.layout-topbar-inner { + height: 4rem; + padding: 0 4rem; + display: flex; + align-items: center; + justify-content: space-between; +} +.layout-topbar-inner .layout-topbar-logo-container { + width: 250px; + margin-right: 4rem; +} +.layout-topbar-inner .layout-topbar-logo, +.layout-topbar-inner .layout-topbar-icon { + border-radius: var(--border-radius); +} +.layout-topbar-inner .layout-topbar-logo:focus-visible, +.layout-topbar-inner .layout-topbar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} +.layout-topbar-inner .layout-topbar-logo svg, +.layout-topbar-inner .layout-topbar-icon svg { + width: 120px; +} +.layout-topbar-inner .layout-topbar-logo { + display: inline-flex; +} +.layout-topbar-inner .layout-topbar-logo svg { + width: 120px; +} +.layout-topbar-inner .layout-topbar-icon { + display: none; +} +.layout-topbar-inner .layout-topbar-icon svg { + width: 25px; +} +.layout-topbar-inner .menu-button { + display: none; +} + +.layout-sidebar { + position: sticky; + left: 0; + top: 6rem; + height: calc(100vh - 9rem); + user-select: none; + transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99), opacity 0.3s; + display: flex; + flex-direction: column; + padding: 0 0 0 0; + flex: 0 0 250px; + margin-right: 4rem; + overflow: auto; +} +.layout-sidebar .logo { + display: flex; + justify-content: center; +} +.layout-sidebar nav { + padding: 0 1rem 0 0; + margin: 0; + flex-grow: 1; +} +.layout-sidebar .layout-menu { + list-style: none; + margin: 0; + padding: 0; +} +.layout-sidebar .layout-menu > li { + margin-bottom: 0.25rem; +} +.layout-sidebar .layout-menu > li > button, +.layout-sidebar .layout-menu > li > a { + display: flex; + width: 100%; + align-items: center; + padding: 0.5rem 0; + color: var(--surface-900); + font-weight: 600; + transition: all 0.2s; + border-radius: var(--border-radius); +} +.layout-sidebar .layout-menu > li > button .menu-icon, +.layout-sidebar .layout-menu > li > a .menu-icon { + width: 2rem; + height: 2rem; + border-radius: var(--border-radius); + margin-right: 0.5rem; + border: 1px solid var(--surface-border); + display: inline-flex; + align-items: center; + justify-content: center; + transition: all 0.2s; +} +.layout-sidebar .layout-menu > li > button .menu-icon i, +.layout-sidebar .layout-menu > li > a .menu-icon i { + color: var(--surface-700); + transition: all 0.2s; +} +.layout-sidebar .layout-menu > li > button .menu-toggle-icon, +.layout-sidebar .layout-menu > li > a .menu-toggle-icon { + color: var(--surface-700); + margin-left: auto; +} +.layout-sidebar .layout-menu > li > button:hover .menu-icon i, +.layout-sidebar .layout-menu > li > a:hover .menu-icon i { + color: var(--primary-color); +} +.layout-sidebar .layout-menu > li > button:hover .menu-toggle-icon, +.layout-sidebar .layout-menu > li > a:hover .menu-toggle-icon { + color: var(--surface-900); +} +.layout-sidebar .layout-menu > li > button.router-link-active, +.layout-sidebar .layout-menu > li > a.router-link-active { + color: var(--primary-color); +} +.layout-sidebar .layout-menu > li > button.router-link-active > .menu-icon i, +.layout-sidebar .layout-menu > li > a.router-link-active > .menu-icon i { + color: var(--primary-color); +} +.layout-sidebar .layout-menu > li > button:focus-visible, +.layout-sidebar .layout-menu > li > a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset var(--focus-ring); +} +.layout-sidebar .layout-menu > li > div ol { + margin: 0 0 0 1rem; + padding: 0.25rem 0; + list-style: none; +} +.layout-sidebar .layout-menu > li > div ol li a { + color: var(--surface-700); + border-left: 1px solid var(--surface-border); + transition: all 0.2s; + font-weight: 450; + display: flex; + padding: 0.5rem 0.5rem 0.5rem 1rem; + color: var(--surface-700); + transition: all 0.2s; +} +.layout-sidebar .layout-menu > li > div ol li a:focus-visible { + outline: 0 none; + box-shadow: inset var(--focus-ring); +} +.layout-sidebar .layout-menu > li > div ol li a:hover { + color: var(--surface-900); + border-left-color: var(--surface-500); +} +.layout-sidebar .layout-menu > li > div ol li a.router-link-active { + color: var(--primary-color); + border-left-color: var(--primary-color); +} +.layout-sidebar .layout-menu > li > div ol li ol { + margin: 0; + padding: 0; +} +.layout-sidebar .layout-menu > li > div ol li:has(.menu-child-category) { + margin-top: 1rem; +} +.layout-sidebar .layout-menu > li > div ol li:has(.menu-child-category):first-child { + margin-top: 0rem; +} +.layout-sidebar .layout-menu .menu-child-category { + display: flex; + padding: 0.5rem 0.5rem 0.5rem 0; + font-size: 0.875rem; + font-weight: 600; + letter-spacing: 1px; + color: var(--surface-900); + margin-bottom: 0.25rem; +} + +.layout-content { + padding: 6rem 4rem 0 4rem; + display: flex; +} +.layout-content .layout-content-slot { + flex: 1 1 auto; + width: 1%; + padding-top: 0.5rem; +} + +.card { + background: var(--surface-card); + border: var(--card-border); + padding: 2rem; + border-radius: 10px; + margin-bottom: 1rem; +} + +.layout-news { + position: fixed; + top: 0; + left: 0; + z-index: 1100; + width: 100%; + height: 2rem; + padding: 0 2rem; + background-color: var(--primary-color); +} +.layout-news .layout-news-container { + display: flex; + justify-content: space-between; + align-items: center; + width: calc(100% - var(--scrollbar-width, 0px)); + height: 100%; +} +.layout-news .layout-news-content { + flex: 1; + display: flex; + justify-content: center; + align-items: center; + min-width: 0%; +} +.layout-news .layout-news-text { + line-height: 1.5; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + min-width: 0%; + font-weight: 500; + color: var(--primary-color-text); +} +.layout-news .layout-news-link { + margin-left: 0.5rem; + line-height: 1.5; + white-space: nowrap; +} +.layout-news .layout-news-link, +.layout-news .layout-news-link:visited, +.layout-news .layout-news-link:active { + color: var(--primary-color-text); + font-weight: 700; +} +.layout-news .layout-news-link:hover { + text-decoration: underline; +} +.layout-news .layout-news-close { + line-height: 1.5; + cursor: pointer; + display: inline-flex; + justify-content: center; + align-items: center; + border-radius: 50%; + width: 1.5rem; + height: 1.5rem; + transition: background-color 0.3s; + margin-left: 0.5rem; + color: var(--primary-color-text); +} +.layout-news .layout-news-close:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +.layout-news-active .layout-topbar { + top: 2rem; +} +.layout-news-active .layout-sidebar, +.layout-news-active .doc-section-nav { + top: 8rem; +} +.layout-news-active .layout-content { + padding-top: 8rem; +} +.layout-news-active .doc-section-label, +.layout-news-active .doc-table tbody td .doc-option-name, +.layout-news-active .doc-table tbody td > i { + scroll-margin-top: 8.5rem; +} + +.layout-footer { + padding: 2rem 4rem; + margin-top: 4rem; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + font-weight: 500; + color: var(--text-800); + border-top: 1px solid var(--surface-border); +} +.layout-footer a { + color: var(--primary-color); + font-weight: 700; + transition: all 0.3s; + border-radius: var(--border-radius); +} +.layout-footer a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} +.layout-footer a:hover { + text-decoration: underline; +} + +.layout-config { + backdrop-filter: blur(20px); + background-color: var(--mobile-menu-bg); +} +.layout-config .p-selectbutton .p-button { + padding: 0.5rem 1rem; +} +.layout-config .p-selectbutton .p-button:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} +.layout-config .p-selectbutton .p-button:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; +} +.layout-config button:focus-visible { + outline: 0 none; + border-color: var(--surface-500) !important; +} +.layout-config .grid > div { + padding: 1rem; +} +.layout-config .p-inputswitch .p-inputswitch-slider { + border-radius: 30px; +} +.layout-config .p-inputswitch .p-inputswitch-slider:before { + border-radius: 30px; +} + +.layout-light .layout-config { + background: var(--surface-overlay); +} + +.layout-dark .layout-config { + background: var(rgba(0, 0, 0, 0.3)); + border: 0 none; +} + +code[class*=language-], +pre[class*=language-] { + background: none; + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +div.code-toolbar > .toolbar { + display: none; +} + +pre[class*=language-] { + position: relative; + background: transparent; + margin: 0; + padding: 0; + max-height: 40rem; + overflow: auto; + color-scheme: dark; +} +pre[class*=language-]:before, pre[class*=language-]:after { + display: none !important; +} +pre[class*=language-] code { + border-left: 1rem solid transparent; + box-shadow: none; + margin: 0; + font-size: 14px; + border-radius: 10px; + color: #ffffff; + max-height: inherit; + height: inherit; + padding: 0 1rem; + display: block; + overflow: auto; +} +pre[class*=language-] code .token.comment, +pre[class*=language-] code .token.block-comment, +pre[class*=language-] code .token.prolog, +pre[class*=language-] code .token.doctype, +pre[class*=language-] code .token.cdata { + color: #bbf7d0; +} +pre[class*=language-] code .token.punctuation { + color: #bfdbfe; +} +pre[class*=language-] code .token.property, +pre[class*=language-] code .token.tag, +pre[class*=language-] code .token.boolean, +pre[class*=language-] code .token.number, +pre[class*=language-] code .token.function-name, +pre[class*=language-] code .token.constant, +pre[class*=language-] code .token.symbol, +pre[class*=language-] code .token.deleted { + color: #93c5fd; +} +pre[class*=language-] code .token.selector, +pre[class*=language-] code .token.attr-name, +pre[class*=language-] code .token.string, +pre[class*=language-] code .token.char, +pre[class*=language-] code .token.function, +pre[class*=language-] code .token.builtin, +pre[class*=language-] code .token.inserted { + color: #eff6ff; +} +pre[class*=language-] code .token.operator, +pre[class*=language-] code .token.entity, +pre[class*=language-] code .token.url, +pre[class*=language-] code .token.variable { + color: #ffffff; +} +pre[class*=language-] code .token.atrule, +pre[class*=language-] code .token.attr-value, +pre[class*=language-] code .token.keyword, +pre[class*=language-] code .token.class-name { + color: #bbf7d0; +} +pre[class*=language-] code .token.regex, +pre[class*=language-] code .token.important { + color: #fde68a; +} +pre[class*=language-] code .language-css .token.string, +pre[class*=language-] code .style .token.string { + color: #fde68a; +} +pre[class*=language-] code .token.important { + font-weight: normal; +} +pre[class*=language-] code .token.bold { + font-weight: bold; +} +pre[class*=language-] code .token.italic { + font-style: italic; +} +pre[class*=language-] code .token.entity { + cursor: help; +} + +.copy-to-clipboard-button { + display: none; +} + +pre[class*=language-] code { + background: var(--demo-code-bg); +} + +.layout-light[data-p-theme^=md] pre[class*=language-] code { + background: var(--surface-900); +} + +.doc-tabmenu { + list-style: none; + margin: 0; + padding: 0; + display: flex; + margin-bottom: 2rem; + overflow: auto; + position: relative; +} +.doc-tabmenu:after { + display: block; + position: absolute; + bottom: 0; + width: 100%; + border-bottom: 1px solid var(--surface-border); + content: ""; +} +.doc-tabmenu li { + position: relative; + z-index: 1; +} +.doc-tabmenu li button { + background-color: transparent; + border: 0 none; + display: block; + padding: 0 2rem 1rem 2rem; + text-align: center; + color: var(--surface-700); + font-size: 1rem; + letter-spacing: 1px; + cursor: pointer; + margin: 0; + transition: all 0.2s; + border-bottom: 1px solid transparent; + border-top-right-radius: var(--border-round); + border-top-left-radius: var(--border-round); + white-space: nowrap; +} +.doc-tabmenu li button:hover { + border-bottom-color: var(--surface-500); +} +.doc-tabmenu li button:focus { + outline: 0 none; +} +.doc-tabmenu li button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} +.doc-tabmenu li.doc-tabmenu-active button { + border-bottom-color: var(--primary-color); + color: var(--primary-color); +} +.doc-tabmenu::-webkit-scrollbar { + display: none; +} + +.doc-tabpanel, +.doc { + display: flex; +} + +.doc-main { + flex-grow: 1; + flex-shrink: 1; + flex-basis: 0; + min-width: 0; +} + +.doc-intro { + margin-bottom: 1.5rem; +} +.doc-intro p { + font-size: 1.125rem; + color: var(--surface-900); + margin: 0; +} + +.doc-section-label { + display: flex; + align-items: center; + scroll-margin-top: 6.5rem; +} +.doc-section-label > a { + color: var(--primary-color); + opacity: 0.7; + margin-left: 1rem; + display: none; + transition: all 0.2s; + border-radius: var(--border-radius); +} +.doc-section-label > a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} +.doc-section-label:hover > a { + display: block; +} +.doc-section-label:hover > a:hover { + opacity: 1; +} + +.doc-section-description > p { + font-size: 1.125rem; + color: var(--surface-900); +} +.doc-section-description > p i { + border-radius: 6px; + padding: 2px 6px; + font-size: 1rem; + font-weight: 500; + font-style: normal; + background-color: var(--doc-highlight-text-bg); + color: var(--doc-highlight-text-color); +} +.doc-section-description > p a { + color: var(--primary-color); + font-weight: 500; + transition: all 0.2s; + border-radius: var(--border-radius); +} +.doc-section-description > p a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} +.doc-section-description > p a:hover { + text-decoration: underline; +} +.doc-section-description .notification { + line-height: 1.5; + padding: 1rem; + font-weight: 500; + border-radius: 10px; + background-color: var(--doc-highlight-text-bg); + color: var(--doc-highlight-text-color); +} + +.doc-section-nav { + position: sticky; + top: 6rem; + right: 0; + width: 14rem; + max-height: calc(100vh - 15rem); + list-style: none; + margin: 0; + padding: 0.25rem 0; + margin-left: 4rem; + overflow-y: auto; + overflow-x: hidden; + align-self: flex-start; +} +.doc-section-nav > .navbar-item .navbar-item-content { + border-left: 1px solid var(--surface-border); + padding-left: 0.25rem; + transition: all 0.2s; +} +.doc-section-nav > .navbar-item .navbar-item-content:hover { + border-left-color: var(--surface-500); +} +.doc-section-nav .navbar-item > .navbar-item-content { + display: flex; +} +.doc-section-nav .navbar-item > .navbar-item-content .px-link { + padding: 0.25rem 1rem 0.25rem 1rem; + color: var(--surface-800); + font-weight: 400; + white-space: nowrap; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + transition: all 0.2s; +} +.doc-section-nav .navbar-item > .navbar-item-content:hover .px-link { + color: var(--surface-900); +} +.doc-section-nav .navbar-item.active-navbar-item > .navbar-item-content { + border-color: var(--primary-color); +} +.doc-section-nav .navbar-item.active-navbar-item > .navbar-item-content .px-link { + color: var(--primary-color); +} +.doc-section-nav .navbar-item ul { + list-style: none; + margin: 0; + padding: 0; +} +.doc-section-nav .navbar-item ul .navbar-item .navbar-item-content { + padding-left: 1rem; +} + +.doc-section-code { + position: relative; +} +.doc-section-code div::-webkit-scrollbar { + width: 5px; +} +.doc-section-code:not(:last-child) { + margin-bottom: 1rem; +} +.doc-section-code:hover .doc-section-code-buttons { + display: flex; +} + +.doc-section-code-buttons { + position: absolute; + align-items: center; + justify-content: end; + z-index: 1; + top: 0.75rem; + right: 0.75rem; + gap: 0.5rem; + display: none; + background: rgba(255, 255, 255, 0.05); + border-radius: 10px; + padding: 2px; + backdrop-filter: blur(6px); + border: 1px solid rgba(255, 255, 255, 0.1); +} +.doc-section-code-buttons button { + outline: 0 none; + border-radius: 8px; + outline-offset: 0; + background-color: transparent; + transition: background-color 0.2s, box-shadow 0.2s; + border: 0 none; + color: var(--demo-code-button-color); + cursor: pointer; +} +.doc-section-code-buttons button:hover { + background-color: var(--demo-code-button-hover-bg); + color: var(--demo-code-button-hover-color); +} +.doc-section-code-buttons button.code-active { + color: #bbf7d0; +} + +.doc-section-code-tooltip .p-tooltip-text { + padding: 0.5rem; + font-size: 11px; +} + +.doc-tablewrapper { + overflow: auto; +} + +.doc-table { + border-collapse: collapse; + width: 100%; + min-width: 960px; + margin-bottom: 1.5rem; +} +.doc-table th { + border-bottom: 1px solid var(--surface-border); + padding: 0.75rem 1rem; + text-align: left; + text-transform: capitalize; +} +.doc-table tbody tr:hover { + background: var(--surface-hover); +} +.doc-table tbody td { + padding: 0.75rem 1rem; + border-bottom: 1px solid var(--surface-border); + white-space: pre-line; + line-height: 1.5; + scroll-margin-top: 6.5rem; +} +.doc-table tbody td:first-child { + color: var(--primary-color); + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + font-weight: 600; +} +.doc-table tbody td .doc-option-type { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + color: var(--primary-500); + font-weight: 500; +} +.doc-table tbody td .doc-option-type .doc-option-type-options-container { + display: flex; + align-items: center; +} +.doc-table tbody td .doc-option-type span.doc-option-type-options { + color: var(--primary-700); +} +.doc-table tbody td .doc-option-type.doc-option-link:hover { + text-decoration: underline; +} +.doc-table tbody td .doc-option-name, +.doc-table tbody td > i:not(.pi) { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + position: relative; + scroll-margin-top: 6.5rem; + background-color: var(--doc-highlight-text-bg); + color: var(--doc-highlight-text-color); + border-radius: 6px; + padding: 2px 6px; + font-weight: 600; + font-style: normal; + white-space: nowrap; +} +.doc-table tbody td .doc-option-name .doc-option-link, +.doc-table tbody td > i:not(.pi) .doc-option-link { + position: absolute; + top: 0; + right: -1.5rem; + color: var(--primary-color); + opacity: 0.7; + display: none; + transition: opacity 0.3s, colors 0.3s; +} +.doc-table tbody td:hover .doc-option-name .doc-option-link { + display: inline; +} +.doc-table tbody td:hover .doc-option-name .doc-option-link:hover { + opacity: 1; +} +.doc-table tbody td .doc-option-default, +.doc-table tbody td .doc-option-returnType { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + font-weight: 400; + font-style: normal; + display: flex; + border-width: 1px; + border-style: solid; + border-radius: 6px; + padding: 2px 6px; + max-width: min-content; +} +.doc-table tbody td .doc-option-parameter-name { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + color: var(--primary-700); +} +.doc-table tbody td .doc-option-parameter-type { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + color: var(--primary-500); +} +.doc-table tbody td .doc-option-params { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; +} +.doc-table tbody td .doc-option-light { + background: var(--bluegray-50); + border-color: var(--bluegray-100); +} +.doc-table tbody td .doc-option-dark { + background: var(--bluegray-800); + border-color: var(--bluegray-800); +} + +.DocSearch-Button { + border-radius: var(--border-radius); + border: 1px solid var(--surface-border); + height: 2rem; + background-color: var(--surface-card); + margin: 0; + transition: all 0.3s; + padding: 0 0.5rem; +} +.DocSearch-Button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} +.DocSearch-Button:hover { + border-color: var(--primary-color); +} +.DocSearch-Button:hover { + border-color: var(--primary-color); + box-shadow: none; +} +.DocSearch-Button .DocSearch-Search-Icon { + width: 1rem; + height: 1rem; +} +.DocSearch-Button .DocSearch-Button-Keys { + overflow: hidden; + min-width: auto; + height: auto; + background: transparent; + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding: 0; + gap: 2px; +} +.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key { + background: transparent; + display: flex; + padding: 0; + margin: 0; + top: 0; + border-radius: 0; + height: auto; + width: auto; + font-family: var(--font-family); +} +.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:first-child { + font-size: 0.75rem; + line-height: normal; +} +.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:last-child { + justify-content: start; + align-items: center; + font-size: 0.75rem; + position: relative; +} +.DocSearch-Button .DocSearch-Button-Keys .DocSearch-Button-Key:last-child::before { + content: "\e90d"; + display: flex; + color: var(--text-color); + font-family: "primeicons"; + font-size: 0.4rem; + opacity: 0.7; + margin-right: 2px; + height: 13.5px; + align-items: center; + font-weight: 700; +} + +.DocSearch-Container { + z-index: 1101; +} + +.DocSearch-Modal { + border: 1px solid var(--surface-border); + box-shadow: none; +} + +.DocSearch-Footer { + box-shadow: none; + border-top: 1px solid var(--surface-border); + background-color: var(--surface-overlay); +} + +.DocSearch-Form { + background: var(--surface-card); + box-shadow: none; + border: 1px solid var(--surface-border); + border-radius: var(--border-radius); + transition: border-color 0.3s; +} +.DocSearch-Form:hover { + border-color: var(--primary-color); +} +.DocSearch-Form .DocSearch-MagnifierLabel, .DocSearch-Form .DocSearch-Reset { + color: var(--text-color); +} + +.DocSearch-Hit { + border-bottom: 1px solid var(--surface-border); + padding-bottom: 0; + margin-bottom: 0.25rem; +} + +.DocSearch-Hit-source { + color: var(--primary-color); +} + +.DocSearch-Logo .cls-1, .DocSearch-Logo .cls-2 { + fill: var(--primary-color); +} + +.DocSearch-Prefill { + color: var(--primary-color); +} + +.DocSearch-Button-Placeholder { + text-align: center; + display: inline-block; + font-size: 0.875rem; +} + +:root { + --docsearch-searchbox-focus-background: var(--surface-card); + --docsearch-text-color: var(--text-color); + --docsearch-muted-color: var(--text-color); + --docsearch-searchbox-background: var(--surface-card); + --docsearch-text-color: var(--text-color); + --docsearch-modal-background: var(--surface-overlay); + --docsearch-key-gradient: var(--surface-ground); + --docsearch-key-shadow: none; + --docsearch-container-background: var(--maskbg); + --docsearch-hit-background: var(--surface-overlay); + --docsearch-hit-shadow: none; + --docsearch-spacing: 1rem; + --docsearch-hit-color: var(--text-color); + --docsearch-highlight-color: var(--primary-color); + --docsearch-hit-active-color: var(--primary-color-text); +} + +@media screen and (min-width: 1920px) { + .layout-content { + max-width: 1728px; + margin: 0 auto; + } + .layout-topbar-inner, + .layout-footer { + max-width: 1728px; + margin: 0 auto; + } +} +@media screen and (max-width: 1199px) { + .layout-topbar-inner { + padding-left: 2rem; + padding-right: 2rem; + } + .layout-topbar-inner .menu-button { + display: block; + } + .layout-topbar-inner .layout-topbar-logo-container { + width: auto; + margin-right: 0; + } + .layout-topbar-inner .DocSearch-Button { + width: 2rem; + height: 2rem; + overflow: hidden; + padding: 0; + justify-content: center; + align-items: center; + } + .layout-topbar-inner .DocSearch-Button .DocSearch-Search-Icon { + width: 1rem; + height: 1rem; + } + .layout-topbar-inner .DocSearch-Button .DocSearch-Button-Placeholder, + .layout-topbar-inner .DocSearch-Button .DocSearch-Button-Keys { + display: none; + } + .layout-sidebar { + top: 0; + left: 0; + position: fixed; + z-index: 1102; + height: 100%; + transform: translateX(-100%); + background-color: var(--mobile-menu-bg); + backdrop-filter: blur(20px); + width: 300px; + opacity: 0; + } + .layout-sidebar nav { + padding: 1rem 1rem; + } + .layout-sidebar.active { + opacity: 1; + transform: translateX(0); + } + .layout-news-active .layout-sidebar { + top: 0; + } + .layout-mask { + background-color: rgba(0, 0, 0, 0.1); + } + .layout-mask.layout-mask-active { + z-index: 1101; + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.4); + transition: background-color 0.5s; + } + .doc-section-nav { + display: none; + } + .video-container { + position: relative; + width: 100%; + height: 0; + padding-bottom: 56.25%; + } + .video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + .layout-content { + padding-left: 2rem; + padding-right: 2rem; + } + .layout-footer { + padding-left: 2rem; + padding-right: 2rem; + } + .blocked-scroll { + overflow: hidden; + padding-right: var(--scrollbar-width); + } +} +@media (max-width: 768px) { + .DocSearch-Container { + position: fixed !important; + } +} +@media screen and (max-width: 575px) { + .layout-topbar-inner { + padding-left: 1rem; + padding-right: 1rem; + } + .layout-topbar-inner .layout-topbar-logo { + display: none; + } + .layout-topbar-inner .layout-topbar-icon { + display: inline-flex; + } + .layout-content { + padding-left: 1rem; + padding-right: 1rem; + } + .layout-footer { + padding-left: 1rem; + padding-right: 1rem; + } + .doc-tabmenu li { + flex: 1 1 0; + } + .doc-tabmenu li button { + width: 100%; + min-width: auto; + } + .layout-news { + padding-left: 1rem; + padding-right: 1rem; + font-size: 12px; + } + .layout-news > i { + display: none; + } +} +.landing { + background-color: var(--home-bg); + scroll-behavior: smooth; + padding-top: 4rem; +} +.landing .box { + border: 1px solid var(--home-border-color); + border-radius: 10px; + background-color: var(--home-box-bg); + position: relative; + z-index: 0; +} +.landing .box::before, .landing .box::after { + content: ""; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid var(--home-box-ring-color); + transition: all 0.5s; + animation: clippath 3s infinite linear; + border-radius: 10px; + opacity: 0; + z-index: -1; +} +.landing .box::after { + animation: clippath 3s infinite -1.5s linear; +} +.landing .box:hover::before, .landing .box:hover::after { + opacity: 1; +} +@keyframes clippath { + 0%, 100% { + clip-path: inset(0 0 98% 0); + } + 25% { + clip-path: inset(0 98% 0 0); + } + 50% { + clip-path: inset(98% 0 0 0); + } + 75% { + clip-path: inset(0 0 0 98%); + } +} +.landing .linkbox { + transition: background-color 0.2s, border-color 0.2s; + display: inline-flex; + align-items: center; + color: var(--home-linkbox-text-color); + padding: 0.5rem 1rem; + border: var(--home-linkbox-border); + background-color: var(--home-linkbox-bg); + border-radius: 10px; + cursor: pointer; +} +.landing .linkbox:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} +.landing .linkbox:hover { + background: var(--home-linkbox-hover-bg); +} +.landing .linkbox.active { + background: var(--home-highlight-color); + color: var(--home-highlight-fore-color); +} +.landing .linkbox.active:hover { + background: var(--home-highlight-darker-color); +} +.landing .section-header { + font-size: 2rem; + color: var(--home-primary-text-color); + font-weight: 700; + text-align: center; + padding: 0 2rem; +} +.landing .section-detail { + text-align: center; + color: var(--home-secondary-text-color); + font-weight: 500; + font-size: 1.25rem; + margin: 1.5rem 0 0 0; + padding: 0 2rem; +} +.landing .section-divider { + border: 1px solid var(--home-border-color); + height: 1px; + border-bottom: 0 none; + overflow: hidden; +} +.landing.layout-news-active { + padding-top: 6rem; +} + +.text-secondary { + color: var(--home-secondary-text-color); +} + +.hover\:surface-hover:hover { + background-color: var(--surface-hover); +} + +.landing-footer-container { + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; +} + +.animated-text { + position: relative; + color: var(--home-text-color); + padding: 0.25rem 0.5rem; + border-radius: var(--border-radius); + display: inline-block; + width: 14.45rem; +} +.animated-text::before { + border-radius: var(--border-radius); + animation: color-animation 2s linear infinite; + background-size: auto auto; + background-clip: border-box; + background-size: 200% auto; + content: ""; + width: 14.45rem; + height: 1.5rem; + position: absolute; + z-index: 0; + background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%); + filter: blur(24px); + opacity: 0.6; +} +.animated-text > span { + position: relative; + z-index: 3; + background-image: linear-gradient(-225deg, var(--blue-400) 30%, var(--cyan-400) 60%, var(--purple-400) 80%); + animation: color-animation 2s linear infinite; + background-size: auto auto; + background-clip: border-box; + background-size: 200% auto; + background-clip: text; + text-fill-color: transparent; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +@keyframes color-animation { + 40%, 100% { + background-position: -200% center; + } +} +@keyframes scroll { + 0% { + transform: translateX(0%); + } + 100% { + transform: translateX(calc(-100% - 3rem)); + } +} +.landing-hero .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + background: transparent; +} +.landing-hero .box { + box-shadow: var(--home-card-shadow); +} + +@media screen and (min-width: 1660px) { + .landing-hero { + width: 1504px !important; + margin-left: auto !important; + margin-right: auto !important; + } +} +.landing-users .fade-right { + background: linear-gradient(to left, var(--home-bg), transparent); +} +.landing-users .fade-left { + background: linear-gradient(to right, var(--home-bg), transparent); +} +.landing-users .section-detail { + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; +} +.landing-users .users-container { + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; +} +.landing-users .users-container .marquee-wrapper { + user-select: none; + gap: 3rem; + justify-content: center; + align-items: center; + flex-shrink: 0; +} +.landing-users .users-container .marquee { + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: space-around; + gap: 3rem; + min-width: 100%; + animation: scroll 30s linear infinite; +} +.landing-users .users-container .marquee > div { + max-width: clamp(10rem, 1rem + 28vmin, 20rem); + aspect-ratio: 1; + display: flex; + justify-content: center; + align-items: center; + height: 8rem; +} +.landing-users .users-container .marquee.marquee-reverse { + animation-direction: reverse; + animation-delay: -15s; +} + +.landing-getstarted .download-icon { + color: var(--home-highlight-color); +} +.landing-getstarted .download-box span { + color: var(--home-primary-text-color); +} + +.landing-themes .table-container { + width: 1250px; + box-shadow: var(--home-card-shadow); +} + +.landing-blocks { + background: var(--home-blocks-bg); +} +.landing-blocks * { + box-sizing: content-box; +} +.landing-blocks .prime-blocks { + transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg); + margin: -12rem 0; +} +.landing-blocks .prime-blocks.blocks-animation .prime-block .block-sidebar, +.landing-blocks .prime-blocks.blocks-animation .prime-block .block-header, +.landing-blocks .prime-blocks.blocks-animation .prime-block .block-sidebar-list, +.landing-blocks .prime-blocks.blocks-animation .prime-block .block-content { + opacity: 1; + visibility: visible; + transform: scale(1); +} +.landing-blocks .prime-blocks .prime-block { + background: var(--home-blocks-block-bg); + box-shadow: var(--home-blocks-block-shadow); + border-left: var(--home-blocks-border-left); + border-bottom: var(--home-blocks-border-bottom); + border-radius: 10px; + height: 300px; + width: 600px; + position: relative; + z-index: 1; + margin: 15px; + transition: opacity 1.3s, transform 1.3s; +} +.landing-blocks .prime-blocks .prime-block .block-sidebar, +.landing-blocks .prime-blocks .prime-block .block-header, +.landing-blocks .prime-blocks .prime-block .block-sidebar-list, +.landing-blocks .prime-blocks .prime-block .block-content { + transition: opacity 1.3s, transform 1.3s; + opacity: 0; + visibility: hidden; + transform: scale(0.9); +} +.landing-blocks .prime-blocks .prime-block:before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 6px; + border: var(--home-blocks-border); +} +.landing-blocks .prime-blocks .prime-block .block-sidebar, +.landing-blocks .prime-blocks .prime-block .block-header { + background: var(--home-blocks-sidebar-bg); + border-radius: 6px; +} +.landing-blocks .prime-blocks .prime-block .block-sidebar-list { + background: var(--home-blocks-list-bg); +} +.landing-blocks .prime-blocks .prime-block .block-content .block-main { + border: var(--home-blocks-main-border); + border-radius: 13px; + background: var(--home-blocks-main-bg); +} +.landing-blocks .prime-blocks .block-item { + background: var(--home-blocks-item-bg); + border-radius: 6px; + padding: 1rem; + transition: transform 1s, box-shadow 1s; + overflow: hidden; + transform: translateY(0); +} +.landing-blocks .prime-blocks .block-item .box { + border-radius: 4px; + width: 14px; + height: 14px; +} +.landing-blocks .prime-blocks .block-item .box.box-orange { + background-color: #F57C00; +} +.landing-blocks .prime-blocks .block-item .box.box-pink { + background-color: #E91E63; +} +.landing-blocks .prime-blocks .block-item .box.box-green { + background-color: #4CAF50; +} +.landing-blocks .prime-blocks .block-item .box.box-blue { + background-color: #2196F3; +} +.landing-blocks .prime-blocks .block-item .block-image { + background-color: var(--home-blocks-image-bg); + height: 44px; +} +.landing-blocks .prime-blocks .block-item .text { + display: block; + font-size: 24px; + font-weight: 700; + color: var(--home-blocks-text-color); +} +.landing-blocks .prime-blocks .block-item.block-item-active { + box-shadow: var(--home-blocks-active-shadow); + border-radius: 6px; + border-top: var(--home-blocks-active-border-top); + border-right: var(--home-blocks-active-border-right); + border-bottom: var(--home-blocks-active-border-bottom); + border-left: var(--home-blocks-active-border-left); + position: relative; + z-index: 5; + animation: block-animation 1500ms ease-in-out alternate infinite; +} +.landing-blocks .prime-blocks .block-item.block-item-active.animation-2 { + animation-delay: 1s; +} +.landing-blocks .prime-blocks .block-item.block-item-active.animation-3 { + animation-delay: 1.5s; +} +.landing-blocks .prime-blocks .block-item.block-item-col { + background: none !important; + border: none; + padding: 12px 0; +} +.landing-blocks .prime-blocks .block-item.block-item-table { + border-radius: 100px; + padding: 10px; +} +.landing-blocks .prime-blocks .block-item.block-item-table .bar { + background: var(--home-blocks-tablebar-bg); +} +.landing-blocks .prime-blocks .bar { + background: var(--home-blocks-bar-bg); + height: 6px; + border-radius: 10px; +} +.landing-blocks .prime-blocks .bar.bar-highlight { + background: var(--home-highlight-color); +} +.landing-blocks .prime-blocks .bar.bar-highlight:before { + background: var(--home-highlight-fore-color) !important; +} +.landing-blocks .prime-blocks .bar.bar-button { + height: 16px; + position: relative; +} +.landing-blocks .prime-blocks .bar.bar-button:before { + content: ""; + position: absolute; + top: 6px; + left: 10px; + right: 10px; + bottom: 6px; + height: 3px; + border-radius: 6px; + background: var(--home-blocks-bar-button-bg); +} +.landing-blocks .prime-blocks .circle { + width: 18px; + height: 18px; + border-radius: 100%; + background: var(--home-blocks-circle-bg); +} +.landing-blocks .prime-blocks .circle.circle-small { + width: 8px; + height: 8px; +} +.landing-blocks .prime-blocks .circle.circle-medium { + width: 14px; + height: 14px; +} +.landing-blocks .prime-blocks .circle.circle-highlight { + background: var(--home-highlight-color); +} + +@media screen and (max-width: 1199px) { + .landing-blocks .prime-blocks { + margin: -24rem 0; + transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg) scale(0.6); + } +} +@keyframes block-animation { + to { + transform: translateY(-10px) translateX(10px) scale(1.02); + box-shadow: var(--home-blocks-animation-shadow); + } +} +.landing-templates { + overflow: hidden; + background: var(--home-templates-bg); +} +.landing-templates .templates { + transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg); + position: relative; + z-index: 1; +} +.landing-templates .templates .template-block { + width: 504px; + height: 257px; + background-size: cover; + border-radius: 6px; + overflow: hidden; + box-shadow: var(--home-templates-block-shadow); + border-left: var(--home-templates-block-border-left); + border-bottom: var(--home-templates-block-border-bottom); + position: relative; + z-index: 1; + transition: 1.5s; + opacity: 0; + visibility: hidden; +} +.landing-templates .templates .template-block.block-1 { + animation: animated-block-1 2s ease-in-out alternate infinite; +} +.landing-templates .templates .template-block.block-2 { + animation: animated-block-2 2s 0.2s ease-in-out alternate infinite; +} +.landing-templates .templates .template-block.block-middle { + transform: scale(0.9); +} +.landing-templates .templates .template-block.block-3 { + animation: animated-block-1 2s 0.4s ease-in-out alternate infinite; +} +.landing-templates .templates .template-block.block-4 { + animation: animated-block-2 2s 0.6s ease-in-out alternate infinite; +} +.landing-templates .templates .template-block.block-5 { + animation: animated-block-1 2s 0.8s ease-in-out alternate infinite; +} +.landing-templates .templates .template-block.block-6 { + animation: animated-block-2 2s 1s ease-in-out alternate infinite; +} +.landing-templates .templates .template-block:hover:before { + opacity: 1; +} +.landing-templates .templates .template-block:hover .templates-btn { + transform: scale(1); + opacity: 1; + visibility: visible; +} +.landing-templates .templates .template-block:before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + transition: 0.4s; + opacity: 0; + background-color: var(--home-templates-block-hover-bg); +} +.landing-templates .templates .template-block .templates-btn { + transition: 0.4s; + opacity: 0; + visibility: hidden; + transform: scale(0.4); + background: var(--home-templates-btn-bg); + border-radius: 30px; + padding: 8px 10px; + color: var(--home-templates-btn-text-color); + font-size: 14px; + text-decoration: none; + box-shadow: var(--home-templates-btn-shadow); + border-top: var(--home-templates-btn-border-top); + border-right: var(--home-templates-btn-border-right); + border-left: var(--home-templates-btn-border-left); + border-bottom: var(--home-templates-btn-border-bottom); +} +.landing-templates .templates .template-block.border-none { + box-shadow: none; +} +.landing-templates .templates .template-block.border-none:before { + display: none; +} +.landing-templates .templates .template-block .img-1 { + opacity: 0; + visibility: hidden; + transition: 1s; + transform: scale(0.4); + transition-delay: 0.8s; +} +.landing-templates .templates .template-block .img-2 { + opacity: 0; + visibility: hidden; + transition: 1s; + transform: scale(0.4); + transition-delay: 1.1s; +} +.landing-templates .templates .lines { + opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 0%; + height: 100%; + z-index: -1; + transition: 2s; +} +.landing-templates .templates .lines .top { + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%, -25%); + z-index: -1; + display: flex; + width: 800px; + height: 200%; + align-items: center; + justify-content: space-between; +} +.landing-templates .templates .lines .top span { + display: block; + width: 1px; + height: 100%; + background: var(--home-templates-line); +} +.landing-templates .templates .lines .left { + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); + z-index: -1; + width: 100%; + height: 800px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: space-between; +} +.landing-templates .templates .lines .left span { + display: block; + width: 100%; + height: 1px; + background: var(--home-templates-line); +} +.landing-templates .templates.templates-animation .template-block { + opacity: 1; + visibility: visible; + transition: none !important; +} +.landing-templates .templates.templates-animation .block-middle .theme-mode, .landing-templates .templates.templates-animation .block-middle img { + opacity: 1; + visibility: visible; + transform: scale(1); + transition: none !important; +} +.landing-templates .templates.templates-animation .lines { + opacity: 0.5; + width: 100%; +} + +@media screen and (max-width: 1199px) { + .landing-templates .templates .template-block { + width: 336px; + height: 171px; + border: none !important; + } +} +@media screen and (max-width: 991px) { + .landing-templates .templates { + transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); + } + .landing-templates .templates .template-block { + width: 336px; + height: 171px; + border: none !important; + animation: none !important; + margin-right: 0 !important; + margin-left: 0 !important; + } + .landing-templates .templates .lines { + display: none; + } +} +@media screen and (max-width: 767px) { + .landing-templates .templates { + transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); + } + .landing-templates .templates .template-block { + width: 354px; + height: 180px; + } +} +@keyframes animated-block-1 { + to { + transform: translateX(-10px); + } +} +@keyframes animated-block-2 { + to { + transform: translateX(10px); + } +} +.landing-features .box { + box-shadow: var(--home-features-card-shadow); +} +.landing-features .features-container { + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; +} + +.landing-footer a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: var(--focus-ring); +} diff --git a/src/assets/showcase/styles/layout/variables/landing/_dark.scss b/src/assets/showcase/styles/layout/variables/landing/_dark.scss index 1df38552c4a..cf89c25280f 100644 --- a/src/assets/showcase/styles/layout/variables/landing/_dark.scss +++ b/src/assets/showcase/styles/layout/variables/landing/_dark.scss @@ -49,4 +49,5 @@ --home-templates-btn-border-bottom:4px solid #424b57; --home-templates-btn-border-left:3px solid #424b57; --home-features-card-shadow: none; + --home-box-ring-color: rgba(96, 165, 250, 0.3); } \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/variables/landing/_light.scss b/src/assets/showcase/styles/layout/variables/landing/_light.scss index 31dec53af1b..a7a17d5a01c 100644 --- a/src/assets/showcase/styles/layout/variables/landing/_light.scss +++ b/src/assets/showcase/styles/layout/variables/landing/_light.scss @@ -49,4 +49,5 @@ --home-templates-btn-border-bottom:4px solid rgba(0,0,0,.1); --home-templates-btn-border-left:3px solid rgba(0,0,0,.1); --home-features-card-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01); + --home-box-ring-color: var(--primary-100); } \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/variables/main/_dark.scss b/src/assets/showcase/styles/layout/variables/main/_dark.scss index 45fb4f58f33..9ead60e792a 100644 --- a/src/assets/showcase/styles/layout/variables/main/_dark.scss +++ b/src/assets/showcase/styles/layout/variables/main/_dark.scss @@ -1,8 +1,10 @@ .layout-dark { + --primary-color-default:var(--primary-400); + --primary-color-inverse-default:var(--gray-900); --topbar-sticky-bg:rgba(0,0,0,.3); --card-border: 0 none; --card-bg: var(--surface-card); - --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--primary-color) 0%, #000000 100%); + --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--primary-color) 0%, #000000 100%); --glow-blend: hard-light, color-dodge; --topbar-border: var(--surface-border); --mobile-menu-bg: rgba(0,0,0,.3); diff --git a/src/assets/showcase/styles/layout/variables/main/_light.scss b/src/assets/showcase/styles/layout/variables/main/_light.scss index a978140db07..e9da0b8480c 100644 --- a/src/assets/showcase/styles/layout/variables/main/_light.scss +++ b/src/assets/showcase/styles/layout/variables/main/_light.scss @@ -1,8 +1,10 @@ .layout-light { + --primary-color-default:var(--primary-600); + --primary-color-inverse-default:var(--surface-0); --topbar-sticky-bg:rgba(255,255,255,.7); --card-border: 1px solid var(--surface-border); --card-bg: var(--surface-card); - --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png), radial-gradient(50% 50% at center top, var(--primary-100) 0%, #ffffff 100%); + --glow-image: url(https://www.primefaces.org/cdn/primeng/images/layout/pattern.png), radial-gradient(50% 50% at center top, var(--primary-100) 0%, #ffffff 100%); --glow-blend: hard-light, multiply; --topbar-border: rgba(0,0,0,.05); --mobile-menu-bg: var(--surface-overlay); diff --git a/src/index.html b/src/index.html index 2d6ede631c4..1e8e7a71302 100755 --- a/src/index.html +++ b/src/index.html @@ -8,7 +8,7 @@ - + diff --git a/tsconfig.app.json b/tsconfig.app.json index 95a583ea7e1..bb3bb11063a 100644 --- a/tsconfig.app.json +++ b/tsconfig.app.json @@ -1,17 +1,13 @@ /* To learn more about this file see: https://angular.io/config/tsconfig. */ { - "extends": "./tsconfig.json", - "compilerOptions": { - "outDir": "./out-tsc/app", - "types": ["node"], - "resolveJsonModule": true, - "allowSyntheticDefaultImports": true - }, - "files": [ - "src/main.ts" - ], - "include": [ - "src/**/*.d.ts" - ], - "exclude": ["node_modules", "**/node_modules/*", "src/main.server.ts"], + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "./out-tsc/app", + "types": ["node"], + "resolveJsonModule": true, + "allowSyntheticDefaultImports": true + }, + "files": ["src/main.ts", "src/main.server.ts", "server.ts", "src/polyfills.ts"], + "include": ["src/**/*.d.ts"], + "exclude": ["node_modules", "**/node_modules/*"] } diff --git a/tsconfig.json b/tsconfig.json index 3b371ed01fb..2dd98783b21 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -19,21 +19,18 @@ "module": "ES2022", "useDefineForClassFields": false, "types": ["jasmine"], - "lib": [ - "ES2022", - "dom" - ], + "lib": ["ES2022", "dom"], "resolveJsonModule": true, "esModuleInterop": true, "paths": { "primeng/*": ["src/app/components/*/public_api"] } }, - "exclude": ["node_modules", "**/node_modules/*"], + "exclude": ["node_modules", "**/node_modules/*", "src/app/components/**/*spec.ts"], "angularCompilerOptions": { "enableI18nLegacyMessageIdFormat": false, "strictInjectionParameters": false, "strictInputAccessModifiers": false, - "strictTemplates": false, + "strictTemplates": false } } diff --git a/tsconfig.server.json b/tsconfig.server.json index 1ac33c7ede0..051a983d79d 100644 --- a/tsconfig.server.json +++ b/tsconfig.server.json @@ -12,8 +12,6 @@ "files": [ "src/main.server.ts", "server.ts", - "server.ts", - "server.ts" ], "paths": { "primeng/*": ["src/app/components/*/public_api"] diff --git a/vercel.json b/vercel.json index 78800fe2e71..bc666d9d0ba 100644 --- a/vercel.json +++ b/vercel.json @@ -1,13 +1,16 @@ { - "version": 2, - "public": true, - "name": "primeng", - "rewrites": [ - { "source": "/(.*)", "destination": "/api" } - ], - "functions": { - "api/index.js": { - "includeFiles": "dist/primeng/browser/**" + "version": 2, + "public": true, + "name": "primeng", + "rewrites": [ + { + "source": "/(.*)", + "destination": "/api" + } + ], + "functions": { + "api/index.js": { + "includeFiles": "./dist/primeng/browser/**" + } } - } -} +} \ No newline at end of file