From c15dbfeebb4ba552895aeebf4c7a9b5299ad4072 Mon Sep 17 00:00:00 2001 From: Elmar Kresse Date: Wed, 24 Jul 2024 10:54:20 +0200 Subject: [PATCH] fix:#3 linted formatted --- .../themes/lara/lara-dark/yellow/theme.scss | 5 +- .../themes/lara/lara-light/green/theme.scss | 5 +- .../public/themes/lara-dark-blue/theme.css | 2598 +++++++++++++---- .../public/themes/lara-light-blue/theme.css | 2473 ++++++++++++---- frontend/src/App.vue | 19 +- frontend/src/api/fetchRoomOccupancy.ts | 29 +- frontend/src/components/CalendarViewer.vue | 11 +- frontend/src/components/DarkModeSwitcher.vue | 1 - .../src/components/DefaultPageSwitcher.vue | 13 +- frontend/src/components/MenuBar.vue | 12 +- .../src/components/RoomOccupationOffline.vue | 9 +- frontend/src/helpers/ical.ts | 11 +- frontend/src/helpers/theme.ts | 30 +- frontend/src/main.ts | 8 +- frontend/src/model/roomOccupancyList.ts | 12 +- frontend/src/router/index.ts | 1 - frontend/src/store/settingsStore.ts | 18 +- frontend/src/view/NotFound.vue | 4 +- frontend/src/view/SettingsView.vue | 8 +- frontend/src/view/UserCalendar.vue | 14 +- frontend/vite.config.ts | 32 +- 21 files changed, 4190 insertions(+), 1123 deletions(-) diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss index 7620447..a65a3ed 100644 --- a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss +++ b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss @@ -478,11 +478,12 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default; } } -.fc-event-selected::after, .fc-event:focus::after { +.fc-event-selected::after, +.fc-event:focus::after { background: var(--fc-event-selected-overlay-color); inset: -1px; content: ""; position: absolute; z-index: 1; border-radius: 5px; -} \ No newline at end of file +} diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss index 6f9915c..3cbdda6 100644 --- a/frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss +++ b/frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss @@ -488,11 +488,12 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default; } } -.fc-event-selected::after, .fc-event:focus::after { +.fc-event-selected::after, +.fc-event:focus::after { background: var(--fc-event-selected-overlay-color); inset: -1px; content: ""; position: absolute; z-index: 1; border-radius: 5px; -} \ No newline at end of file +} diff --git a/frontend/public/themes/lara-dark-blue/theme.css b/frontend/public/themes/lara-dark-blue/theme.css index 66070ba..78e40ad 100644 --- a/frontend/public/themes/lara-dark-blue/theme.css +++ b/frontend/public/themes/lara-dark-blue/theme.css @@ -1,5 +1,16 @@ :root { - font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + Segoe UI, + Twemoji Country Flags, + Roboto, + Arial, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; --font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, @@ -435,39 +446,78 @@ border: 0 none; color: rgba(255, 255, 255, 0.6); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover { color: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-stroke { stroke: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-fill { fill: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label { color: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-stroke { stroke: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-fill { fill: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options { background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; padding: 0.75rem 0; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item { color: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item:hover { color: rgba(255, 255, 255, 0.87); 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 { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded:not(.ql-icon-picker) + .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { @@ -511,8 +561,14 @@ fill: #ffed00; } .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 { +.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: #ffed00; } @@ -577,7 +633,9 @@ .p-connected-overlay { opacity: 0; transform: scaleY(0.8); - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-visible { opacity: 1; @@ -597,7 +655,9 @@ opacity: 0; } .p-connected-overlay-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-leave-active { transition: opacity 0.1s linear; @@ -783,10 +843,15 @@ gap: 0.5rem; outline-color: transparent; } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + .p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-input-token { padding: 0.375rem 0; } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + .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; @@ -800,10 +865,15 @@ color: rgba(255, 255, 255, 0.87); border-radius: 16px; } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + .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 { + .p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-token.p-focus { background: #6b7280; color: rgba(255, 255, 255, 0.87); } @@ -815,7 +885,10 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.75rem 0; @@ -839,10 +912,14 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + .p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item.p-highlight.p-focus { background: rgba(255, 237, 0, 0.24); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -912,7 +989,9 @@ .p-datepicker-multiple-month .p-datepicker-group-container { display: flex; } - .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group { + .p-datepicker-multiple-month + .p-datepicker-group-container + .p-datepicker-group { flex: 1 1 auto; } /* DatePicker Table */ @@ -998,7 +1077,10 @@ .p-datepicker:not(.p-datepicker-inline) { background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #2e3639; @@ -1021,7 +1103,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, @@ -1042,12 +1127,21 @@ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; font-weight: 100; padding: 0.5rem; } - .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 { + .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: #ffed00; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -1111,7 +1205,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-datepicker .p-timepicker button:enabled:hover { @@ -1178,35 +1275,56 @@ .p-datepicker.p-datepicker-mobile table td { padding: 0; } - .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) { + .p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled) { outline-color: transparent; } - .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + .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 { + .p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) { + .p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled) { outline-color: transparent; } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + .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 { + .p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) { + .p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled) { outline-color: transparent; } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + .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 { + .p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -1288,7 +1406,11 @@ .p-cascadeselect { background: black; border: 1px solid #1b2022; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -1337,7 +1459,10 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.75rem 0; @@ -1350,27 +1475,43 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:first-child { margin-top: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:last-child { margin-bottom: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight.p-focus { background: rgba(255, 237, 0, 0.24); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-checkbox { @@ -1413,7 +1554,11 @@ height: 22px; color: rgba(255, 255, 255, 0.87); border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-checkbox .p-checkbox-box .p-checkbox-icon { @@ -1432,12 +1577,14 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { border-color: #ffed00; } - .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight + .p-checkbox-box { border-color: rgba(255, 237, 0, 0.16); background: rgba(255, 237, 0, 0.16); color: #030712; } - .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) + .p-checkbox-box { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -1452,10 +1599,14 @@ .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box { background: #ffed00; } - .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { + .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) + .p-checkbox-box { background-color: #1b2022; } - .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { + .p-checkbox.p-variant-filled:not(.p-disabled):has( + .p-checkbox-input:hover + ).p-highlight + .p-checkbox-box { background: rgba(255, 237, 0, 0.16); } .p-input-filled .p-checkbox .p-checkbox-box { @@ -1464,10 +1615,14 @@ .p-input-filled .p-checkbox.p-highlight .p-checkbox-box { background: #ffed00; } - .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { + .p-input-filled + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) + .p-checkbox-box { background-color: #1b2022; } - .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { + .p-input-filled + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight + .p-checkbox-box { background: rgba(255, 237, 0, 0.16); } .p-chips { @@ -1551,10 +1706,20 @@ border-color: #e53009; } .p-colorpicker-panel .p-colorpicker-color { - background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); + background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), + linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); } .p-colorpicker-panel .p-colorpicker-hue { - background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); + background: linear-gradient( + 0deg, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red + ); } .p-colorpicker-preview { width: 2rem; @@ -1569,7 +1734,10 @@ border-color: rgba(255, 255, 255, 0.87); } .p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown { display: inline-flex; @@ -1652,7 +1820,11 @@ .p-dropdown { background: black; border: 1px solid #1b2022; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -1687,7 +1859,8 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, + .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -1710,7 +1883,10 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; @@ -1754,7 +1930,9 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(255, 237, 0, 0.24); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-dropdown-panel + .p-dropdown-items + .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -1939,7 +2117,9 @@ flex: 0 0 auto; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label, - .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label { + .p-inputnumber-buttons-horizontal + .p-button.p-inputnumber-button + .p-button-label { display: none; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up { @@ -1962,7 +2142,9 @@ display: flex; flex-direction: column; } - .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button { + .p-inputnumber-buttons-stacked + .p-inputnumber-button-group + .p-button.p-inputnumber-button { flex: 1 1 auto; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up { @@ -2063,7 +2245,11 @@ } .p-inputswitch .p-inputswitch-slider { background: #6b7280; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 30px; outline-color: transparent; } @@ -2083,13 +2269,16 @@ background: #030712; transform: translateX(1.25rem); } - .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { + .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) + .p-inputswitch-slider { background: #1b2022; } - .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider { + .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight + .p-inputswitch-slider { background: rgba(255, 237, 0, 0.24); } - .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { + .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) + .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -2108,7 +2297,11 @@ background: black; padding: 0.75rem 0.75rem; border: 1px solid #1b2022; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; appearance: none; border-radius: 6px; outline-color: transparent; @@ -2238,7 +2431,11 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-listbox .p-listbox-header { @@ -2294,15 +2491,18 @@ .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(255, 237, 0, 0.24); } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + .p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + .p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -2406,7 +2606,11 @@ .p-multiselect { background: black; border: 1px solid #1b2022; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -2430,7 +2634,11 @@ } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -2442,7 +2650,9 @@ color: rgba(255, 255, 255, 0.87); border-radius: 16px; } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + .p-multiselect.p-multiselect-chip + .p-multiselect-token + .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { @@ -2463,7 +2673,10 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; @@ -2474,10 +2687,16 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + .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 { + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-multiselect-filter-icon { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } @@ -2492,15 +2711,22 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-close:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -2527,10 +2753,14 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-highlight.p-focus { background: rgba(255, 237, 0, 0.24); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -2578,7 +2808,10 @@ background: #2e3639; color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-password-panel .p-password-meter { @@ -2645,7 +2878,11 @@ height: 22px; color: rgba(255, 255, 255, 0.87); border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { @@ -2658,17 +2895,22 @@ border-color: #ffed00; background: #ffed00; } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) + .p-radiobutton-box { border-color: #ffed00; } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight + .p-radiobutton-box { border-color: rgba(255, 237, 0, 0.16); background: rgba(255, 237, 0, 0.16); } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight + .p-radiobutton-box + .p-radiobutton-icon { background-color: #030712; } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) + .p-radiobutton-box { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -2683,10 +2925,16 @@ .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box { background: #ffed00; } - .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { + .p-radiobutton.p-variant-filled:not(.p-disabled):has( + .p-radiobutton-input:hover + ) + .p-radiobutton-box { background-color: #1b2022; } - .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { + .p-radiobutton.p-variant-filled:not(.p-disabled):has( + .p-radiobutton-input:hover + ).p-highlight + .p-radiobutton-box { background: rgba(255, 237, 0, 0.16); } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -2695,10 +2943,14 @@ .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { background: #ffed00; } - .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { + .p-input-filled + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) + .p-radiobutton-box { background-color: #1b2022; } - .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { + .p-input-filled + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight + .p-radiobutton-box { background: rgba(255, 237, 0, 0.16); } .p-rating { @@ -2723,7 +2975,11 @@ } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { @@ -2741,17 +2997,25 @@ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffed00; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + .p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon { color: #ffed00; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + .p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon.p-rating-cancel { color: #f48fb1; } .p-selectbutton .p-button { background: #2e3639; border: 1px solid #1b2022; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { @@ -2762,8 +3026,12 @@ border-color: #1b2022; color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { @@ -2842,7 +3110,11 @@ background: #2e3639; border: 2px solid #ffed00; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { @@ -2910,7 +3182,11 @@ .p-treeselect { background: black; border: 1px solid #1b2022; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -2934,7 +3210,11 @@ } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -2964,7 +3244,10 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -3014,7 +3297,11 @@ background: #2e3639; border: 1px solid #1b2022; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-togglebutton .p-button .p-button-icon-left, @@ -3030,25 +3317,42 @@ .p-togglebutton.p-highlight .p-button .p-button-icon-right { color: #030712; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not( + .p-highlight + ) + .p-button { background: rgba(255, 255, 255, 0.03); border-color: #1b2022; color: rgba(255, 255, 255, 0.87); } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left, - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not( + .p-highlight + ) + .p-button + .p-button-icon-left, + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not( + .p-highlight + ) + .p-button + .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight + .p-button { background: rgba(255, 237, 0, 0.24); border-color: rgba(255, 237, 0, 0.24); color: #030712; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left, - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight + .p-button + .p-button-icon-left, + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight + .p-button + .p-button-icon-right { color: #030712; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) + .p-button { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -3118,7 +3422,11 @@ border: 1px solid #ffed00; padding: 0.75rem 1.25rem; font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -3214,7 +3522,10 @@ background-color: #030712; } .p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; @@ -3297,15 +3608,19 @@ border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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(148, 163, 184, 0.04); color: #94a3b8; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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(148, 163, 184, 0.16); color: #94a3b8; border: 1px solid; @@ -3318,15 +3633,19 @@ border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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(148, 163, 184, 0.04); border-color: transparent; color: #94a3b8; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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(148, 163, 184, 0.16); border-color: transparent; color: #94a3b8; @@ -3365,15 +3684,19 @@ border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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(0, 70, 153, 0.04); color: #004699; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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(0, 70, 153, 0.16); color: #004699; border: 1px solid; @@ -3433,15 +3756,19 @@ border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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(0, 150, 78, 0.04); color: #00964e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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(0, 150, 78, 0.16); color: #00964e; border: 1px solid; @@ -3454,15 +3781,19 @@ border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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(0, 150, 78, 0.04); border-color: transparent; color: #00964e; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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(0, 150, 78, 0.16); border-color: transparent; color: #00964e; @@ -3501,15 +3832,19 @@ border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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(255, 237, 0, 0.04); color: #ffed00; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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(255, 237, 0, 0.16); color: #ffed00; border: 1px solid; @@ -3522,15 +3857,19 @@ border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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(255, 237, 0, 0.04); border-color: transparent; color: #ffed00; } .p-button.p-button-warning.p-button-text:not(:disabled):active, - .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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(255, 237, 0, 0.16); border-color: transparent; color: #ffed00; @@ -3569,15 +3908,19 @@ border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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; @@ -3637,15 +3980,19 @@ border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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; @@ -3658,15 +4005,19 @@ border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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; @@ -3705,15 +4056,19 @@ border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: #ffffff; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: #ffffff; border: 1px solid; @@ -3726,15 +4081,19 @@ border-color: transparent; } .p-button.p-button-contrast.p-button-text:not(:disabled):hover, - .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.p-button-contrast + > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-contrast + > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: #ffffff; } .p-button.p-button-contrast.p-button-text:not(:disabled):active, - .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + .p-button-group.p-button-contrast + > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-contrast + > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 255, 255, 0.16); border-color: transparent; color: #ffffff; @@ -3783,7 +4142,9 @@ .p-speeddial-item { transform: scale(0); opacity: 0; - transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s; + transition: + transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, + opacity 0.8s; will-change: transform; } .p-speeddial-action { @@ -3852,7 +4213,10 @@ background: rgba(255, 255, 255, 0.87); color: black; outline-color: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3887,7 +4251,8 @@ .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-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, @@ -3905,7 +4270,8 @@ .p-splitbutton .p-splitbutton-defaultbutton, .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button, - .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { + .p-splitbutton.p-button-outlined + > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { flex: 1 1 auto; border-top-right-radius: 0; border-bottom-right-radius: 0; @@ -3936,7 +4302,10 @@ border-radius: 2rem; } .p-splitbutton.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-carousel { display: flex; @@ -4004,7 +4373,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; margin: 0.5rem; } @@ -4031,7 +4403,10 @@ background-color: #1b2022; width: 2rem; height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { @@ -4110,11 +4485,18 @@ overflow: hidden; white-space: nowrap; } - .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) { + .p-datatable-resizable-table + > .p-datatable-thead + > tr + > th.p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } - .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer { + .p-datatable-resizable-table-fit + > .p-datatable-thead + > tr + > th.p-resizable-column:last-child + .p-column-resizer { display: none; } .p-datatable .p-column-resizer { @@ -4297,7 +4679,9 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + .p-datatable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight { @@ -4339,7 +4723,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, @@ -4382,16 +4769,33 @@ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 rgba(255, 237, 0, 0.16); } - .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + .p-datatable.p-datatable-hoverable-rows + .p-datatable-tbody + > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { background: #ffed00; } - .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-virtualscroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { + .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-virtualscroller + > .p-datatable-table + > .p-datatable-thead, + .p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-virtualscroller + > .p-datatable-table + > .p-datatable-tfoot { background-color: #2e3639; } .p-datatable .p-datatable-loading-icon { @@ -4428,7 +4832,10 @@ .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 { + .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 { @@ -4437,35 +4844,71 @@ .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 { + .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 { + .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 { + .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 { + .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 { + .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 { + .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.p-row-odd { background: #242b2d; } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { + .p-datatable.p-datatable-striped + .p-datatable-tbody + > tr.p-row-odd.p-highlight { background: rgba(255, 237, 0, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { + .p-datatable.p-datatable-striped + .p-datatable-tbody + > tr.p-row-odd.p-highlight + .p-row-toggler { color: rgba(255, 255, 255, 0.87); } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { + .p-datatable.p-datatable-striped + .p-datatable-tbody + > tr.p-row-odd.p-highlight + .p-row-toggler:hover { color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { @@ -4541,7 +4984,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-column-filter-menu-button:hover { @@ -4549,11 +4995,13 @@ 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 { + .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: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + .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(255, 237, 0, 0.16); color: rgba(255, 255, 255, 0.87); } @@ -4569,7 +5017,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-column-filter-clear-button:hover { @@ -4587,13 +5038,18 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.75rem 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; @@ -4602,26 +5058,38 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:first-child { margin-top: 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:last-child { margin-bottom: 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + .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(255, 237, 0, 0.16); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(255, 237, 0, 0.1); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-separator { border-top: 1px solid #1b2022; margin: 0.25rem 0; } @@ -4638,10 +5106,14 @@ padding: 1.25rem; border-bottom: 1px solid #1b2022; } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + .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 { + .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 { @@ -4694,7 +5166,11 @@ background: #2e3639; border: 1px solid #1b2022; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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 { @@ -4722,7 +5198,9 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { margin-top: 0; @@ -4734,7 +5212,9 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + .p-orderlist + .p-orderlist-list + .p-orderlist-item:not(.p-highlight):hover.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -4749,10 +5229,14 @@ .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(255, 237, 0, 0.24); } - .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + .p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even) { background: #242b2d; } - .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + .p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } .p-organizationchart-table { @@ -4799,7 +5283,10 @@ .p-organizationchart-selectable-node { cursor: pointer; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + .p-organizationchart + .p-organizationchart-node-content.p-organizationchart-selectable-node:not( + .p-highlight + ):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } @@ -4807,7 +5294,10 @@ background: rgba(255, 237, 0, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + .p-organizationchart + .p-organizationchart-node-content.p-highlight + .p-node-toggler + i { color: rgba(128, 119, 0, 0.16); } .p-organizationchart .p-organizationchart-line-down { @@ -4833,7 +5323,9 @@ border-radius: 50%; outline-color: transparent; } - .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + .p-organizationchart + .p-organizationchart-node-content + .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -4991,7 +5483,11 @@ background: #2e3639; border: 1px solid #1b2022; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + 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 { @@ -5019,7 +5515,9 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:first-child { margin-top: 0; @@ -5031,7 +5529,9 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + .p-picklist + .p-picklist-list + .p-picklist-item:not(.p-highlight):hover.p-focus { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -5046,10 +5546,14 @@ .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(255, 237, 0, 0.24); } - .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + .p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even) { background: #242b2d; } - .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + .p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } .p-timeline { @@ -5075,16 +5579,24 @@ .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: row-reverse; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(odd) + .p-timeline-event-opposite { text-align: right; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(odd) + .p-timeline-event-content { text-align: left; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(even) + .p-timeline-event-opposite { text-align: left; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(even) + .p-timeline-event-content { text-align: right; } .p-timeline-event { @@ -5135,7 +5647,8 @@ .p-timeline-bottom .p-timeline-event { flex-direction: column-reverse; } - .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) { + .p-timeline-horizontal.p-timeline-alternate + .p-timeline-event:nth-child(even) { flex-direction: column-reverse; } .p-timeline .p-timeline-event-marker { @@ -5259,15 +5772,26 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:enabled:hover { color: rgba(255, 255, 255, 0.87); 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 { + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -5279,22 +5803,46 @@ .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 { + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-checkbox.p-indeterminate + .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(255, 237, 0, 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 { + .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 { + .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 { + .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: rgba(255, 255, 255, 0.87); } @@ -5445,7 +5993,14 @@ .p-treetable-scrollable-both .p-treetable-thead > tr > th, .p-treetable-scrollable-both .p-treetable-tbody > tr > td, .p-treetable-scrollable-both .p-treetable-tfoot > tr > td, - .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td, + .p-treetable-scrollable-horizontal + .p-treetable-thead + > tr + > th + .p-treetable-scrollable-horizontal + .p-treetable-tbody + > tr + > td, .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td { flex: 0 0 auto; } @@ -5523,7 +6078,9 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + .p-treetable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight { @@ -5551,7 +6108,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; margin-right: 0.5rem; } @@ -5568,7 +6128,13 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { + .p-treetable + .p-treetable-tbody + > tr + > td + .p-treetable-toggler + + .p-checkbox.p-indeterminate + .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -5585,11 +6151,16 @@ .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 { + .p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + .p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover + .p-treetable-toggler { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { @@ -5681,27 +6252,38 @@ transition: box-shadow 0.2s; outline-color: transparent; } - .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + .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 { + .p-accordion + .p-accordion-header:not(.p-disabled) + .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5); } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + .p-accordion + .p-accordion-header:not(.p-highlight):not(.p-disabled):hover + .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); border-color: #1b2022; color: rgba(255, 255, 255, 0.87); } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + .p-accordion + .p-accordion-header:not(.p-disabled).p-highlight + .p-accordion-header-link { background: #2e3639; border-color: #1b2022; color: rgba(255, 255, 255, 0.87); 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 { + .p-accordion + .p-accordion-header:not(.p-disabled).p-highlight:hover + .p-accordion-header-link { border-color: #1b2022; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -5723,7 +6305,10 @@ .p-card { background: #2e3639; color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 1px -1px rgba(0, 0, 0, 0.2), + 0 1px 1px 0 rgba(0, 0, 0, 0.14), + 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { @@ -5777,7 +6362,10 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; @@ -5913,7 +6501,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { @@ -5999,7 +6590,11 @@ .p-scrollpanel .p-scrollpanel-bar { background: #1b2022; border: 0 none; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { @@ -6062,12 +6657,19 @@ color: rgba(255, 255, 255, 0.87); } .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; background: rgba(255, 255, 255, 0.03); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #1b2022; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { @@ -6160,15 +6762,23 @@ line-height: 2rem; font-size: 1.143rem; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { margin-left: 0.5rem; color: rgba(255, 255, 255, 0.6); font-weight: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + .p-stepper + .p-stepper-header + .p-stepper-action:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -6231,10 +6841,14 @@ height: auto; margin-inline-start: calc(1.75rem + 2px); } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { + .p-stepper.p-stepper-vertical + .p-stepper-panel:has(~ .p-stepper-panel-active) + .p-stepper-separator { background-color: #ffed00; } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + .p-stepper.p-stepper-vertical + .p-stepper-panel:last-of-type + .p-stepper-content { padding-left: 3rem; } .p-tabview-nav-container { @@ -6317,12 +6931,18 @@ margin: 0 0 -2px 0; outline-color: transparent; } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + .p-tabview + .p-tabview-nav + li + .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5); } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + .p-tabview + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-nav-link { background: #2e3639; border-color: #ffed00; color: rgba(255, 255, 255, 0.87); @@ -6336,7 +6956,10 @@ background: #2e3639; color: #ffed00; width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; outline-color: transparent; } @@ -6399,7 +7022,9 @@ opacity: 0; } .p-confirm-popup-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-confirm-popup-leave-active { transition: opacity 0.1s linear; @@ -6442,7 +7067,10 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-confirm-popup .p-confirm-popup-content { padding: 1.25rem; @@ -6603,7 +7231,10 @@ } .p-dialog { border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); border: 1px solid #1b2022; } .p-dialog .p-dialog-header { @@ -6625,7 +7256,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; margin-right: 0.5rem; } @@ -6691,7 +7325,9 @@ opacity: 0; } .p-overlaypanel-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-overlaypanel-leave-active { transition: opacity 0.1s linear; @@ -6730,7 +7366,10 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-overlaypanel .p-overlaypanel-content { padding: 1.25rem; @@ -6740,7 +7379,10 @@ color: #030712; width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; @@ -6898,7 +7540,10 @@ background: #2e3639; color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { padding: 1.25rem; @@ -6915,7 +7560,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, @@ -6985,7 +7633,10 @@ background: #1b2022; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0.75rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { @@ -7017,8 +7668,8 @@ display: flex; flex-wrap: wrap; } - .p-fileupload > input[type=file], - .p-fileupload-basic input[type=file] { + .p-fileupload > input[type="file"], + .p-fileupload-basic input[type="file"] { display: none; } .p-fluid .p-fileupload .p-button { @@ -7194,7 +7845,10 @@ background: #2e3639; color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; min-width: 12.5rem; } @@ -7205,7 +7859,10 @@ padding: 0.25rem 0; background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-contextmenu .p-menuitem { @@ -7227,61 +7884,127 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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 { + .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(255, 237, 0, 0.24); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -7406,43 +8129,53 @@ height: 4rem; } .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-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-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 { + .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-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-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 { + .p-dock.p-dock-left .p-dock-item-current, + .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } - .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, + .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } - .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, + .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } - .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, + .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } - .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, + .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock.p-dock-mobile .p-dock-list .p-dock-item { @@ -7517,11 +8250,19 @@ .p-megamenu-vertical .p-megamenu-root-list { flex-direction: column; } - .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { + .p-megamenu-vertical:not(.p-megamenu-mobile) + .p-megamenu-root-list + > .p-menuitem-active + > .p-megamenu-panel { left: 100%; top: 0; } - .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu-vertical + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { margin-left: auto; } .p-megamenu-grid { @@ -7609,68 +8350,137 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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 { + .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(255, 237, 0, 0.24); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { background: #2e3639; color: rgba(255, 255, 255, 0.87); border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-megamenu .p-submenu-header { @@ -7694,35 +8504,75 @@ min-width: 12.5rem; padding: 0.25rem 0; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; border-radius: 6px; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); 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 { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .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: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { @@ -7734,7 +8584,10 @@ height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { @@ -7750,7 +8603,10 @@ padding: 0.25rem 0; background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #1b2022; @@ -7759,21 +8615,45 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-menuitem.p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-submenu-list + .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-submenu-list + .p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 2.25rem; } .p-menu ul { @@ -7833,53 +8713,110 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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 { + .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(255, 237, 0, 0.24); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; @@ -7939,7 +8876,12 @@ left: 100%; top: 0; } - .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-left: auto; } .p-menubar .p-menubar-end { @@ -7996,30 +8938,67 @@ transition: box-shadow 0.2s; border-radius: 6px; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .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: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem { @@ -8041,68 +9020,137 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-menubar + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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 { + .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(255, 237, 0, 0.24); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; border-radius: 6px; } @@ -8118,7 +9166,10 @@ height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { @@ -8134,7 +9185,10 @@ padding: 0.25rem 0; background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #1b2022; @@ -8143,33 +9197,97 @@ .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar.p-menubar-mobile + .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-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar.p-menubar-mobile + .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-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + .p-menubar.p-menubar-mobile + .p-menubar-root-list + .p-submenu-list + .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar.p-menubar-mobile + .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-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar.p-menubar-mobile + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 2.25rem; } - .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar.p-menubar-mobile + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 3.75rem; } - .p-menubar.p-menubar-mobile .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 { + .p-menubar.p-menubar-mobile + .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: 5.25rem; } - .p-menubar.p-menubar-mobile .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 { + .p-menubar.p-menubar-mobile + .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: 6.75rem; } - .p-menubar.p-menubar-mobile .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 { + .p-menubar.p-menubar-mobile + .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: 8.25rem; } .p-panelmenu .p-panelmenu-header-action { @@ -8211,28 +9329,45 @@ transition: box-shadow 0.2s; outline-color: transparent; } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + .p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action { color: rgba(255, 255, 255, 0.87); padding: 1.25rem; font-weight: 100; } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + .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 { + .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 { + .p-panelmenu + .p-panelmenu-header:not(.p-disabled):focus-visible + .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + .p-panelmenu + .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover + .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #1b2022; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + .p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight + .p-panelmenu-header-content { background: #2e3639; border-color: #1b2022; color: rgba(255, 255, 255, 0.87); @@ -8240,7 +9375,9 @@ border-bottom-left-radius: 0; margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + .p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight:hover + .p-panelmenu-header-content { border-color: #1b2022; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -8273,76 +9410,177 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link { color: rgba(255, 255, 255, 0.87); padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + .p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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 { + .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 { + .p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight.p-focus + > .p-menuitem-content { background: rgba(255, 237, 0, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .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 #1b2022; margin: 0.25rem 0; } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + .p-panelmenu + .p-panelmenu-content + .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -8495,12 +9733,18 @@ .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 { + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem + .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5); } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover + .p-menuitem-link { background: #2e3639; border-color: #ffed00; color: rgba(255, 255, 255, 0.87); @@ -8561,7 +9805,10 @@ .p-tieredmenu.p-tieredmenu-overlay { background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; @@ -8570,7 +9817,10 @@ padding: 0.25rem 0; background: #2e3639; border: 1px solid #1b2022; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-tieredmenu .p-menuitem { @@ -8592,61 +9842,127 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 237, 0, 0.16); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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 { + .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(255, 237, 0, 0.24); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); 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 { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .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 { + .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: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -8779,7 +10095,10 @@ } .p-message-leave-active { overflow: hidden; - transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s; + transition: + max-height 0.3s cubic-bezier(0, 1, 0, 1), + opacity 0.3s, + margin 0.15s; } .p-message-leave-active .p-message-close { display: none; @@ -8796,7 +10115,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-message .p-message-close:hover { @@ -8943,12 +10265,22 @@ overflow: hidden; } .p-toast-message-enter-active { - -webkit-transition: transform 0.3s, opacity 0.3s; - transition: transform 0.3s, opacity 0.3s; + -webkit-transition: + transform 0.3s, + opacity 0.3s; + transition: + transform 0.3s, + opacity 0.3s; } .p-toast-message-leave-active { - -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; - transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; + -webkit-transition: + max-height 0.45s cubic-bezier(0, 1, 0, 1), + opacity 0.3s, + margin-bottom 0.3s; + transition: + max-height 0.45s cubic-bezier(0, 1, 0, 1), + opacity 0.3s, + margin-bottom 0.3s; } .p-toast { opacity: 1; @@ -8968,7 +10300,10 @@ .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } - .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon { + .p-toast + .p-toast-message + .p-toast-message-content + .p-toast-message-icon.p-icon { width: 2rem; height: 2rem; } @@ -8983,7 +10318,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-toast .p-toast-message .p-toast-icon-close:hover { @@ -9099,11 +10437,15 @@ opacity: 0; transition: opacity 0.2s ease-in-out; } - .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav { + .p-galleria-item-nav-onhover + .p-galleria-item-wrapper:hover + .p-galleria-item-nav { pointer-events: all; opacity: 1; } - .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled { + .p-galleria-item-nav-onhover + .p-galleria-item-wrapper:hover + .p-galleria-item-nav.p-disabled { pointer-events: none; } .p-galleria-caption { @@ -9221,25 +10563,29 @@ display: flex; z-index: 1; } - .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-top + .p-galleria-indicators { top: 0; left: 0; width: 100%; align-items: flex-start; } - .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-right + .p-galleria-indicators { right: 0; top: 0; height: 100%; align-items: flex-end; } - .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-bottom + .p-galleria-indicators { bottom: 0; left: 0; width: 100%; align-items: flex-end; } - .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-left + .p-galleria-indicators { left: 0; top: 0; height: 100%; @@ -9298,7 +10644,10 @@ color: #f8f9fa; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { @@ -9317,7 +10666,10 @@ color: #f8f9fa; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } @@ -9345,7 +10697,10 @@ background-color: #1b2022; width: 1rem; height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { @@ -9355,22 +10710,33 @@ background: rgba(255, 237, 0, 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 { + .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 { + .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 { + .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 { + .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 { + .p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator.p-highlight + button { background: rgba(255, 237, 0, 0.16); color: rgba(255, 255, 255, 0.87); } @@ -9385,7 +10751,10 @@ color: #f8f9fa; width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, @@ -9393,10 +10762,14 @@ background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { + .p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-item-content { outline-color: transparent; } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + .p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); @@ -9472,7 +10845,10 @@ .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-image-preview-indicator .p-icon { width: 1.5rem; @@ -9490,7 +10866,10 @@ width: 3rem; height: 3rem; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { @@ -9690,7 +11069,10 @@ .p-chip .p-chip-remove-icon { margin-left: 0.5rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { @@ -9718,7 +11100,11 @@ .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-inplace .p-inplace-display:not(.p-disabled):hover { @@ -9847,8 +11233,10 @@ left: 0; bottom: 0; will-change: left, right; - -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; - animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; + -webkit-animation: p-progressbar-indeterminate-anim 2.1s + cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; + animation: p-progressbar-indeterminate-anim 2.1s + cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .p-progressbar-indeterminate .p-progressbar-value::after { content: ""; @@ -9858,8 +11246,10 @@ left: 0; bottom: 0; will-change: left, right; - -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; - animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s + cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + animation: p-progressbar-indeterminate-anim-short 2.1s + cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @@ -9964,7 +11354,9 @@ stroke-dasharray: 89, 200; stroke-dashoffset: 0; stroke: #fca5a5; - animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; + animation: + p-progress-spinner-dash 1.5s ease-in-out infinite, + p-progress-spinner-color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes p-progress-spinner-rotate { @@ -9987,7 +11379,8 @@ } } @keyframes p-progress-spinner-color { - 100%, 0% { + 100%, + 0% { stroke: #fca5a5; } 40% { @@ -9996,7 +11389,8 @@ 66% { stroke: #6ee7b7; } - 80%, 90% { + 80%, + 90% { stroke: #fde047; } } @@ -10054,8 +11448,14 @@ width: 3rem; height: 3rem; border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(255, 237, 0, 0.16); @@ -10104,7 +11504,12 @@ 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)); + background: linear-gradient( + 90deg, + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.04), + rgba(255, 255, 255, 0) + ); } .p-tag { display: inline-flex; @@ -10198,16 +11603,28 @@ } .p-selectbutton > .p-button, .p-togglebutton.p-button { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #ffed00; @@ -10216,25 +11633,46 @@ background-color: #ffed00; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(255, 237, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(255, 237, 0, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(148, 163, 184, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(0, 150, 78, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(0, 150, 78, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(0, 70, 153, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(0, 70, 153, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(255, 237, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(255, 237, 0, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(192, 132, 252, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(248, 113, 113, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #ffed00; @@ -10243,7 +11681,10 @@ box-shadow: inset 0 -2px 0 0 #ffed00; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(255, 237, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(255, 237, 0, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-toast-message { backdrop-filter: blur(10px); @@ -10259,7 +11700,12 @@ } .p-picklist-buttons .p-button, .p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + opacity 0.2s, + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #ffed00; @@ -10329,7 +11775,11 @@ background: #ffed00; /*#93c5fd*/ border: 1px solid #ffed00; /*#93c5fd*/ font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; display: flex; align-items: center; @@ -10376,7 +11826,11 @@ background: #2e3639; /*#071426*/ border: 1px solid #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, @@ -10385,16 +11839,34 @@ border-color: #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active { background: #ffed00; /*#93c5fd*/ border-color: #ffed00; /*#93c5fd*/ color: #000000; /*#1c2127*/ } -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #ffed00; border-color: rgba(255, 237, 0, 0.24); color: #000000; /*#1c2127*/ @@ -10443,7 +11915,12 @@ background: #2e3639; /*#071426*/ color: rgba(255, 255, 255, 0.87); } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close { opacity: 1; display: flex; align-items: center; @@ -10457,17 +11934,35 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:before { content: "\e90b"; } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); /*rgba(147, 197, 253, 0.5)*/ @@ -10484,14 +11979,25 @@ background: #ffed00; border-color: rgba(255, 237, 0, 0.24); } -:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-block-event + .fc-event-main { color: #000000; /*#1c2127*/ } -:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-dot-event + .fc-daygrid-event-dot { background: #ffed00; border-color: rgba(255, 237, 0, 0.24); } -:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-dot-event:hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } @@ -10503,7 +12009,11 @@ background: #ffed00; /*#93c5fd*/ border: 1px solid #ffed00; /*#93c5fd*/ font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } :root .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { @@ -10532,7 +12042,11 @@ text-indent: 0; font-size: 1rem; } -:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button + .fc-icon-chevron-left:before { content: "\e900"; } :root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { @@ -10540,7 +12054,11 @@ text-indent: 0; font-size: 1rem; } -:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button + .fc-icon-chevron-right:before { content: "\e901"; } :root .fc.fc-theme-standard .fc-toolbar .fc-button:focus { @@ -10554,7 +12072,11 @@ background: #2e3639; /*#071426*/ border: 1px solid #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, @@ -10563,23 +12085,50 @@ border-color: #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active { background: #ffed00; /*#93c5fd*/ border-color: #ffed00; /*#93c5fd*/ color: #000000; /*#1c2127*/ } -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #ffed00; border-color: rgba(255, 237, 0, 0.24); color: #000000; /*#1c2127*/ } -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button:not(:disabled):focus, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button:not(:disabled):focus, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); /*rgba(147, 197, 253, 0.5)*/ @@ -10588,7 +12137,11 @@ :root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -:root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button-group + .fc-button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } @@ -10601,7 +12154,8 @@ background: rgba(255, 237, 0, 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.fc-event-selected::after, .fc-event:focus::after { +.fc-event-selected::after, +.fc-event:focus::after { background: var(--fc-event-selected-overlay-color); inset: -1px; content: ""; diff --git a/frontend/public/themes/lara-light-blue/theme.css b/frontend/public/themes/lara-light-blue/theme.css index 427e545..f656c37 100644 --- a/frontend/public/themes/lara-light-blue/theme.css +++ b/frontend/public/themes/lara-light-blue/theme.css @@ -1,5 +1,16 @@ :root { - font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + Segoe UI, + Twemoji Country Flags, + Roboto, + Arial, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; --font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, @@ -444,39 +455,75 @@ border: 0 none; color: #6b7280; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover { color: #4b5563; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-stroke { stroke: #4b5563; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-fill { fill: #4b5563; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label { color: #4b5563; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-stroke { stroke: #4b5563; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-fill { fill: #4b5563; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.75rem 0; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item { color: #4b5563; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item:hover { color: #4b5563; background: #f3f4f6; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded:not(.ql-icon-picker) + .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { @@ -520,8 +567,14 @@ fill: #00944c; } .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 { +.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: #00944c; } @@ -586,7 +639,9 @@ .p-connected-overlay { opacity: 0; transform: scaleY(0.8); - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-visible { opacity: 1; @@ -606,7 +661,9 @@ opacity: 0; } .p-connected-overlay-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-leave-active { transition: opacity 0.1s linear; @@ -792,10 +849,15 @@ gap: 0.5rem; outline-color: transparent; } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + .p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-input-token { padding: 0.375rem 0; } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + .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; @@ -809,10 +871,15 @@ color: #4b5563; border-radius: 16px; } - .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + .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 { + .p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-token.p-focus { background: #e5e7eb; color: #4b5563; } @@ -848,10 +915,14 @@ color: #001e0f; background: #e9f1ed; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + .p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item.p-highlight.p-focus { background: rgba(0, 148, 76, 0.24); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } @@ -921,7 +992,9 @@ .p-datepicker-multiple-month .p-datepicker-group-container { display: flex; } - .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group { + .p-datepicker-multiple-month + .p-datepicker-group-container + .p-datepicker-group { flex: 1 1 auto; } /* DatePicker Table */ @@ -1030,7 +1103,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, @@ -1051,12 +1127,21 @@ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #4b5563; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; font-weight: 100; padding: 0.5rem; } - .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 { + .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: #00944c; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { @@ -1120,7 +1205,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-datepicker .p-timepicker button:enabled:hover { @@ -1187,35 +1275,56 @@ .p-datepicker.p-datepicker-mobile table td { padding: 0; } - .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) { + .p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled) { outline-color: transparent; } - .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + .p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled):hover { background: #f3f4f6; } - .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + .p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) { + .p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled) { outline-color: transparent; } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + .p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; } - .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + .p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) { + .p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled) { outline-color: transparent; } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + .p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; } - .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + .p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -1297,7 +1406,11 @@ .p-cascadeselect { background: #ffffff; border: 1px solid #d1d5db; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -1359,27 +1472,43 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:first-child { margin-top: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:last-child { margin-bottom: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight { color: #001e0f; background: #e9f1ed; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight.p-focus { background: rgba(0, 148, 76, 0.24); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + .p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-checkbox { @@ -1422,7 +1551,11 @@ height: 22px; color: #4b5563; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-checkbox .p-checkbox-box .p-checkbox-icon { @@ -1441,12 +1574,14 @@ .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { border-color: #00944c; } - .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight + .p-checkbox-box { border-color: #001e0f; background: #001e0f; color: #ffffff; } - .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) + .p-checkbox-box { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -1461,10 +1596,14 @@ .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box { background: #00944c; } - .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { + .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) + .p-checkbox-box { background-color: #f3f4f6; } - .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { + .p-checkbox.p-variant-filled:not(.p-disabled):has( + .p-checkbox-input:hover + ).p-highlight + .p-checkbox-box { background: #001e0f; } .p-input-filled .p-checkbox .p-checkbox-box { @@ -1473,10 +1612,14 @@ .p-input-filled .p-checkbox.p-highlight .p-checkbox-box { background: #00944c; } - .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { + .p-input-filled + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) + .p-checkbox-box { background-color: #f3f4f6; } - .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { + .p-input-filled + .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight + .p-checkbox-box { background: #001e0f; } .p-chips { @@ -1560,10 +1703,20 @@ border-color: #e53009; } .p-colorpicker-panel .p-colorpicker-color { - background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); + background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), + linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); } .p-colorpicker-panel .p-colorpicker-hue { - background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); + background: linear-gradient( + 0deg, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red + ); } .p-colorpicker-preview { width: 2rem; @@ -1661,7 +1814,11 @@ .p-dropdown { background: #ffffff; border: 1px solid #d1d5db; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -1696,7 +1853,8 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6b7280; } - .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, + .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -1763,7 +1921,9 @@ .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(0, 148, 76, 0.24); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-dropdown-panel + .p-dropdown-items + .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } @@ -1948,7 +2108,9 @@ flex: 0 0 auto; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label, - .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label { + .p-inputnumber-buttons-horizontal + .p-button.p-inputnumber-button + .p-button-label { display: none; } .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up { @@ -1971,7 +2133,9 @@ display: flex; flex-direction: column; } - .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button { + .p-inputnumber-buttons-stacked + .p-inputnumber-button-group + .p-button.p-inputnumber-button { flex: 1 1 auto; } .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up { @@ -2072,7 +2236,11 @@ } .p-inputswitch .p-inputswitch-slider { background: #d1d5db; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 30px; outline-color: transparent; } @@ -2092,13 +2260,16 @@ background: #ffffff; transform: translateX(1.25rem); } - .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { + .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) + .p-inputswitch-slider { background: #b7bcc5; } - .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider { + .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight + .p-inputswitch-slider { background: #00592e; } - .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { + .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) + .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -2117,7 +2288,11 @@ background: #ffffff; padding: 0.75rem 0.75rem; border: 1px solid #d1d5db; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; appearance: none; border-radius: 6px; outline-color: transparent; @@ -2247,7 +2422,11 @@ color: #4b5563; border: 1px solid #d1d5db; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-listbox .p-listbox-header { @@ -2303,15 +2482,18 @@ .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(0, 148, 76, 0.24); } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + .p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } - .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { + .p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus { color: #4b5563; background: #f3f4f6; } @@ -2415,7 +2597,11 @@ .p-multiselect { background: #ffffff; border: 1px solid #d1d5db; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -2439,7 +2625,11 @@ } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6b7280; @@ -2451,7 +2641,9 @@ color: #4b5563; border-radius: 16px; } - .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + .p-multiselect.p-multiselect-chip + .p-multiselect-token + .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { @@ -2483,10 +2675,16 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + .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 { + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-multiselect-filter-icon { right: 0.75rem; color: #6b7280; } @@ -2501,15 +2699,22 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-close:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } - .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + .p-multiselect-panel + .p-multiselect-header + .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -2536,10 +2741,14 @@ color: #001e0f; background: #e9f1ed; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-highlight.p-focus { background: rgba(0, 148, 76, 0.24); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + .p-multiselect-panel + .p-multiselect-items + .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #4b5563; background: #f3f4f6; } @@ -2654,7 +2863,11 @@ height: 22px; color: #4b5563; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { @@ -2667,17 +2880,22 @@ border-color: #00944c; background: #00944c; } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) + .p-radiobutton-box { border-color: #00944c; } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight + .p-radiobutton-box { border-color: #001e0f; background: #001e0f; } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight + .p-radiobutton-box + .p-radiobutton-icon { background-color: #ffffff; } - .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) + .p-radiobutton-box { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -2692,10 +2910,16 @@ .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box { background: #00944c; } - .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { + .p-radiobutton.p-variant-filled:not(.p-disabled):has( + .p-radiobutton-input:hover + ) + .p-radiobutton-box { background-color: #f3f4f6; } - .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { + .p-radiobutton.p-variant-filled:not(.p-disabled):has( + .p-radiobutton-input:hover + ).p-highlight + .p-radiobutton-box { background: #001e0f; } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -2704,10 +2928,14 @@ .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box { background: #00944c; } - .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { + .p-input-filled + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) + .p-radiobutton-box { background-color: #f3f4f6; } - .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { + .p-input-filled + .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight + .p-radiobutton-box { background: #001e0f; } .p-rating { @@ -2732,7 +2960,11 @@ } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { @@ -2750,17 +2982,25 @@ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #00944c; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + .p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon { color: #00944c; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + .p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #d1d5db; color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { @@ -2771,8 +3011,12 @@ border-color: #d1d5db; color: #4b5563; } - .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 { + .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: #374151; } .p-selectbutton .p-button.p-highlight { @@ -2851,7 +3095,11 @@ background: #ffffff; border: 2px solid #00944c; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-slider .p-slider-handle:focus-visible { @@ -2919,7 +3167,11 @@ .p-treeselect { background: #ffffff; border: 1px solid #d1d5db; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -2943,7 +3195,11 @@ } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6b7280; @@ -3023,7 +3279,11 @@ background: #ffffff; border: 1px solid #d1d5db; color: #4b5563; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-togglebutton .p-button .p-button-icon-left, @@ -3039,25 +3299,42 @@ .p-togglebutton.p-highlight .p-button .p-button-icon-right { color: #ffffff; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not( + .p-highlight + ) + .p-button { background: #f3f4f6; border-color: #d1d5db; color: #4b5563; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left, - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not( + .p-highlight + ) + .p-button + .p-button-icon-left, + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not( + .p-highlight + ) + .p-button + .p-button-icon-right { color: #374151; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight + .p-button { background: #00592e; border-color: #00592e; color: #ffffff; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left, - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight + .p-button + .p-button-icon-left, + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight + .p-button + .p-button-icon-right { color: #ffffff; } - .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button { + .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) + .p-button { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -3127,7 +3404,11 @@ border: 1px solid #00944c; padding: 0.75rem 1.25rem; font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; outline-color: transparent; } @@ -3223,7 +3504,10 @@ 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); + 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; @@ -3306,15 +3590,19 @@ border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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(100, 116, 139, 0.04); color: #64748b; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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(100, 116, 139, 0.16); color: #64748b; border: 1px solid; @@ -3327,15 +3615,19 @@ border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, - .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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(100, 116, 139, 0.04); border-color: transparent; color: #64748b; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, - .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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(100, 116, 139, 0.16); border-color: transparent; color: #64748b; @@ -3374,15 +3666,19 @@ border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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(0, 70, 153, 0.04); color: #004699; border: 1px solid; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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(0, 70, 153, 0.16); color: #004699; border: 1px solid; @@ -3442,15 +3738,19 @@ border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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(0, 150, 78, 0.04); color: #00964e; border: 1px solid; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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(0, 150, 78, 0.16); color: #00964e; border: 1px solid; @@ -3463,15 +3763,19 @@ border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, - .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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(0, 150, 78, 0.04); border-color: transparent; color: #00964e; } .p-button.p-button-success.p-button-text:not(:disabled):active, - .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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(0, 150, 78, 0.16); border-color: transparent; color: #00964e; @@ -3510,15 +3814,19 @@ border: 1px solid; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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; @@ -3531,15 +3839,19 @@ border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, - .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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; @@ -3578,15 +3890,19 @@ border: 1px solid; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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; @@ -3646,15 +3962,19 @@ border: 1px solid; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.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-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.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; @@ -3667,15 +3987,19 @@ border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, - .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.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-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + .p-button-group.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; @@ -3714,15 +4038,19 @@ border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, - .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, - .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover { + .p-button-group.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(31, 41, 55, 0.04); color: #1f2937; border: 1px solid; } .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, - .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, - .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active { + .p-button-group.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-contrast + > .p-button.p-button-outlined:not(:disabled):active { background: rgba(31, 41, 55, 0.16); color: #1f2937; border: 1px solid; @@ -3735,15 +4063,19 @@ border-color: transparent; } .p-button.p-button-contrast.p-button-text:not(:disabled):hover, - .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, - .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover { + .p-button-group.p-button-contrast + > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-contrast + > .p-button.p-button-text:not(:disabled):hover { background: rgba(31, 41, 55, 0.04); border-color: transparent; color: #1f2937; } .p-button.p-button-contrast.p-button-text:not(:disabled):active, - .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, - .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active { + .p-button-group.p-button-contrast + > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-contrast + > .p-button.p-button-text:not(:disabled):active { background: rgba(31, 41, 55, 0.16); border-color: transparent; color: #1f2937; @@ -3792,7 +4124,9 @@ .p-speeddial-item { transform: scale(0); opacity: 0; - transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s; + transition: + transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, + opacity 0.8s; will-change: transform; } .p-speeddial-action { @@ -3861,7 +4195,10 @@ background: #4b5563; color: #fff; outline-color: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3896,7 +4233,8 @@ .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-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, @@ -3914,7 +4252,8 @@ .p-splitbutton .p-splitbutton-defaultbutton, .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button, .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button, - .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { + .p-splitbutton.p-button-outlined + > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { flex: 1 1 auto; border-top-right-radius: 0; border-bottom-right-radius: 0; @@ -3945,7 +4284,10 @@ border-radius: 2rem; } .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); + 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-carousel { display: flex; @@ -4013,7 +4355,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; margin: 0.5rem; } @@ -4040,7 +4385,10 @@ background-color: #d1d5db; width: 2rem; height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { @@ -4119,11 +4467,18 @@ overflow: hidden; white-space: nowrap; } - .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) { + .p-datatable-resizable-table + > .p-datatable-thead + > tr + > th.p-resizable-column:not(.p-frozen-column) { background-clip: padding-box; position: relative; } - .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer { + .p-datatable-resizable-table-fit + > .p-datatable-thead + > tr + > th.p-resizable-column:last-child + .p-column-resizer { display: none; } .p-datatable .p-column-resizer { @@ -4306,7 +4661,9 @@ background: #f3f4f6; color: #374151; } - .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + .p-datatable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: #374151; } .p-datatable .p-sortable-column.p-highlight { @@ -4348,7 +4705,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, @@ -4391,16 +4751,33 @@ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #e9f1ed; } - .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + .p-datatable.p-datatable-hoverable-rows + .p-datatable-tbody + > tr:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #00944c; } - .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-virtualscroller > .p-datatable-table > .p-datatable-thead, - .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { + .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-virtualscroller + > .p-datatable-table + > .p-datatable-thead, + .p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-virtualscroller + > .p-datatable-table + > .p-datatable-tfoot { background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { @@ -4437,7 +4814,10 @@ .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 { + .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 { @@ -4446,35 +4826,71 @@ .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 { + .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 { + .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 { + .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 { + .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 { + .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 { + .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.p-row-odd { background: #f8f8fa; } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { + .p-datatable.p-datatable-striped + .p-datatable-tbody + > tr.p-row-odd.p-highlight { background: #e9f1ed; color: #001e0f; } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { + .p-datatable.p-datatable-striped + .p-datatable-tbody + > tr.p-row-odd.p-highlight + .p-row-toggler { color: #001e0f; } - .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { + .p-datatable.p-datatable-striped + .p-datatable-tbody + > tr.p-row-odd.p-highlight + .p-row-toggler:hover { color: #001e0f; } .p-datatable.p-datatable-sm .p-datatable-header { @@ -4550,7 +4966,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-column-filter-menu-button:hover { @@ -4558,11 +4977,13 @@ border-color: transparent; background: #f3f4f6; } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + .p-column-filter-menu-button.p-column-filter-menu-button-open, + .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #f3f4f6; 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 { + .p-column-filter-menu-button.p-column-filter-menu-button-active, + .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #e9f1ed; color: #001e0f; } @@ -4578,7 +4999,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-column-filter-clear-button:hover { @@ -4602,7 +5026,9 @@ .p-column-filter-overlay .p-column-filter-row-items { padding: 0.75rem 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; @@ -4611,26 +5037,38 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:first-child { margin-top: 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:last-child { margin-bottom: 0; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item.p-highlight { color: #001e0f; background: #e9f1ed; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; background: #f3f4f6; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #09af5e; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + .p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } @@ -4647,10 +5085,14 @@ padding: 1.25rem; border-bottom: 1px solid #e5e7eb; } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + .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 { + .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 { @@ -4703,7 +5145,11 @@ 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; + 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 { @@ -4731,7 +5177,9 @@ border: 0 none; color: #4b5563; background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { margin-top: 0; @@ -4743,7 +5191,9 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus { + .p-orderlist + .p-orderlist-list + .p-orderlist-item:not(.p-highlight):hover.p-focus { color: #4b5563; background: #f3f4f6; } @@ -4758,10 +5208,14 @@ .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(0, 148, 76, 0.24); } - .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + .p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even) { background: #f8f8fa; } - .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + .p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even):hover { background: #f3f4f6; } .p-organizationchart-table { @@ -4808,7 +5262,10 @@ .p-organizationchart-selectable-node { cursor: pointer; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + .p-organizationchart + .p-organizationchart-node-content.p-organizationchart-selectable-node:not( + .p-highlight + ):hover { background: #f3f4f6; color: #4b5563; } @@ -4816,7 +5273,10 @@ background: #e9f1ed; color: #001e0f; } - .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + .p-organizationchart + .p-organizationchart-node-content.p-highlight + .p-node-toggler + i { color: #9dbeae; } .p-organizationchart .p-organizationchart-line-down { @@ -4842,7 +5302,9 @@ border-radius: 50%; outline-color: transparent; } - .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + .p-organizationchart + .p-organizationchart-node-content + .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -5000,7 +5462,11 @@ 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; + 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 { @@ -5028,7 +5494,9 @@ border: 0 none; color: #4b5563; background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:first-child { margin-top: 0; @@ -5040,7 +5508,9 @@ background: #f3f4f6; color: #4b5563; } - .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus { + .p-picklist + .p-picklist-list + .p-picklist-item:not(.p-highlight):hover.p-focus { color: #4b5563; background: #f3f4f6; } @@ -5055,10 +5525,14 @@ .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(0, 148, 76, 0.24); } - .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + .p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even) { background: #f8f8fa; } - .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + .p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even):hover { background: #f3f4f6; } .p-timeline { @@ -5084,16 +5558,24 @@ .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) { flex-direction: row-reverse; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(odd) + .p-timeline-event-opposite { text-align: right; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(odd) + .p-timeline-event-content { text-align: left; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(even) + .p-timeline-event-opposite { text-align: left; } - .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { + .p-timeline-vertical.p-timeline-alternate + .p-timeline-event:nth-child(even) + .p-timeline-event-content { text-align: right; } .p-timeline-event { @@ -5144,7 +5626,8 @@ .p-timeline-bottom .p-timeline-event { flex-direction: column-reverse; } - .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) { + .p-timeline-horizontal.p-timeline-alternate + .p-timeline-event:nth-child(even) { flex-direction: column-reverse; } .p-timeline .p-timeline-event-marker { @@ -5268,15 +5751,26 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:enabled:hover { color: #374151; border-color: transparent; background: #f3f4f6; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -5288,22 +5782,46 @@ .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 { + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-checkbox.p-indeterminate + .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #e9f1ed; color: #001e0f; } - .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 { + .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: #001e0f; } - .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 { + .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: #001e0f; } - .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + .p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } @@ -5454,7 +5972,14 @@ .p-treetable-scrollable-both .p-treetable-thead > tr > th, .p-treetable-scrollable-both .p-treetable-tbody > tr > td, .p-treetable-scrollable-both .p-treetable-tfoot > tr > td, - .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td, + .p-treetable-scrollable-horizontal + .p-treetable-thead + > tr + > th + .p-treetable-scrollable-horizontal + .p-treetable-tbody + > tr + > td, .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td { flex: 0 0 auto; } @@ -5532,7 +6057,9 @@ background: #f3f4f6; color: #374151; } - .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + .p-treetable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: #374151; } .p-treetable .p-sortable-column.p-highlight { @@ -5560,7 +6087,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; margin-right: 0.5rem; } @@ -5577,7 +6107,13 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { + .p-treetable + .p-treetable-tbody + > tr + > td + .p-treetable-toggler + + .p-checkbox.p-indeterminate + .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -5594,11 +6130,16 @@ .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #001e0f; } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + .p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; } - .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + .p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover + .p-treetable-toggler { color: #4b5563; } .p-treetable .p-column-resizer-helper { @@ -5690,27 +6231,38 @@ transition: box-shadow 0.2s; outline-color: transparent; } - .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + .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 { + .p-accordion + .p-accordion-header:not(.p-disabled) + .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #09af5e; } - .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + .p-accordion + .p-accordion-header:not(.p-highlight):not(.p-disabled):hover + .p-accordion-header-link { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + .p-accordion + .p-accordion-header:not(.p-disabled).p-highlight + .p-accordion-header-link { background: #f9fafb; border-color: #e5e7eb; color: #374151; 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 { + .p-accordion + .p-accordion-header:not(.p-disabled).p-highlight:hover + .p-accordion-header-link { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -5732,7 +6284,10 @@ .p-card { background: #ffffff; color: #4b5563; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 1px -1px rgba(0, 0, 0, 0.2), + 0 1px 1px 0 rgba(0, 0, 0, 0.14), + 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { @@ -5786,7 +6341,10 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; @@ -5922,7 +6480,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { @@ -6008,7 +6569,11 @@ .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; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { @@ -6071,12 +6636,19 @@ color: #4b5563; } .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #e5e7eb; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { @@ -6169,15 +6741,23 @@ line-height: 2rem; font-size: 1.143rem; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title { margin-left: 0.5rem; color: #6b7280; font-weight: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } - .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible { + .p-stepper + .p-stepper-header + .p-stepper-action:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -6240,10 +6820,14 @@ height: auto; margin-inline-start: calc(1.75rem + 2px); } - .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator { + .p-stepper.p-stepper-vertical + .p-stepper-panel:has(~ .p-stepper-panel-active) + .p-stepper-separator { background-color: #00944c; } - .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content { + .p-stepper.p-stepper-vertical + .p-stepper-panel:last-of-type + .p-stepper-content { padding-left: 3rem; } .p-tabview-nav-container { @@ -6326,12 +6910,18 @@ margin: 0 0 -2px 0; outline-color: transparent; } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + .p-tabview + .p-tabview-nav + li + .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #09af5e; } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + .p-tabview + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-nav-link { background: #ffffff; border-color: #9ca3af; color: #6b7280; @@ -6345,7 +6935,10 @@ background: #ffffff; color: #00944c; width: 3rem; - 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: + 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; outline-color: transparent; } @@ -6408,7 +7001,9 @@ opacity: 0; } .p-confirm-popup-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-confirm-popup-leave-active { transition: opacity 0.1s linear; @@ -6634,7 +7229,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; margin-right: 0.5rem; } @@ -6700,7 +7298,9 @@ opacity: 0; } .p-overlaypanel-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); + transition: + transform 0.12s cubic-bezier(0, 0, 0.2, 1), + opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } .p-overlaypanel-leave-active { transition: opacity 0.1s linear; @@ -6749,7 +7349,10 @@ color: #ffffff; width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; @@ -6924,7 +7527,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, @@ -7026,8 +7632,8 @@ display: flex; flex-wrap: wrap; } - .p-fileupload > input[type=file], - .p-fileupload-basic input[type=file] { + .p-fileupload > input[type="file"], + .p-fileupload-basic input[type="file"] { display: none; } .p-fluid .p-fileupload .p-button { @@ -7236,61 +7842,127 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #001e0f; background: #e9f1ed; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #001e0f; } - .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 { + .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: #001e0f; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 148, 76, 0.24); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #6b7280; } .p-contextmenu .p-menuitem-separator { @@ -7415,43 +8087,53 @@ height: 4rem; } .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-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-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 { + .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-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-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 { + .p-dock.p-dock-left .p-dock-item-current, + .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } - .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, + .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } - .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, + .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } - .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, + .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } - .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, + .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock.p-dock-mobile .p-dock-list .p-dock-item { @@ -7526,11 +8208,19 @@ .p-megamenu-vertical .p-megamenu-root-list { flex-direction: column; } - .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { + .p-megamenu-vertical:not(.p-megamenu-mobile) + .p-megamenu-root-list + > .p-menuitem-active + > .p-megamenu-panel { left: 100%; top: 0; } - .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu-vertical + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { margin-left: auto; } .p-megamenu-grid { @@ -7618,61 +8308,127 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #001e0f; background: #e9f1ed; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #001e0f; } - .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 { + .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: #001e0f; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 148, 76, 0.24); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #6b7280; } .p-megamenu .p-megamenu-panel { @@ -7703,35 +8459,75 @@ min-width: 12.5rem; padding: 0.5rem 0; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6b7280; 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 { + .p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .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 { + .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: #4b5563; } - .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 { + .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: #6b7280; } .p-megamenu.p-megamenu-mobile.p-megamenu-vertical { @@ -7743,7 +8539,10 @@ height: 2rem; color: #6b7280; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { @@ -7768,21 +8567,45 @@ .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-menuitem.p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-submenu-list + .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-submenu-list + .p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-mobile + .p-megamenu-root-list + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 2.25rem; } .p-menu ul { @@ -7842,47 +8665,101 @@ color: #001e0f; background: #e9f1ed; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #001e0f; } - .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 { + .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: #001e0f; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 148, 76, 0.24); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #6b7280; } .p-menu.p-menu-overlay { @@ -7948,7 +8825,12 @@ left: 100%; top: 0; } - .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-left: auto; } .p-menubar .p-menubar-end { @@ -8005,30 +8887,67 @@ transition: box-shadow 0.2s; border-radius: 6px; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6b7280; margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .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: #4b5563; } - .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 { + .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: #6b7280; } .p-menubar .p-menuitem { @@ -8050,61 +8969,127 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-menubar + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #001e0f; background: #e9f1ed; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #001e0f; } - .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 { + .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: #001e0f; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 148, 76, 0.24); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #6b7280; } .p-menubar .p-submenu-list { @@ -8127,7 +9112,10 @@ height: 2rem; color: #6b7280; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-menubar.p-menubar-mobile .p-menubar-button:hover { @@ -8152,33 +9140,97 @@ .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar.p-menubar-mobile + .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-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar.p-menubar-mobile + .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-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + .p-menubar.p-menubar-mobile + .p-menubar-root-list + .p-submenu-list + .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar.p-menubar-mobile + .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-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar.p-menubar-mobile + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 2.25rem; } - .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar.p-menubar-mobile + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 3.75rem; } - .p-menubar.p-menubar-mobile .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 { + .p-menubar.p-menubar-mobile + .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: 5.25rem; } - .p-menubar.p-menubar-mobile .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 { + .p-menubar.p-menubar-mobile + .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: 6.75rem; } - .p-menubar.p-menubar-mobile .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 { + .p-menubar.p-menubar-mobile + .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: 8.25rem; } .p-panelmenu .p-panelmenu-header-action { @@ -8220,28 +9272,45 @@ transition: box-shadow 0.2s; outline-color: transparent; } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + .p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action { color: #6b7280; padding: 1.25rem; font-weight: 100; } - .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + .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 { + .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 { + .p-panelmenu + .p-panelmenu-header:not(.p-disabled):focus-visible + .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #09af5e; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + .p-panelmenu + .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover + .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + .p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight + .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; @@ -8249,7 +9318,9 @@ border-bottom-left-radius: 0; margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + .p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight:hover + .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -8282,76 +9353,177 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link { color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + .p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content { color: #001e0f; background: #e9f1ed; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #001e0f; } - .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 { + .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: #001e0f; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + .p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight.p-focus + > .p-menuitem-content { background: rgba(0, 148, 76, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .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: #4b5563; } - .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 { + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .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 #e5e7eb; margin: 0.25rem 0; } - .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + .p-panelmenu + .p-panelmenu-content + .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -8504,12 +9676,18 @@ .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 { + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem + .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #09af5e; } - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + .p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover + .p-menuitem-link { background: #ffffff; border-color: #9ca3af; color: #6b7280; @@ -8601,61 +9779,127 @@ padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #001e0f; background: #e9f1ed; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #001e0f; } - .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 { + .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: #001e0f; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 148, 76, 0.24); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #4b5563; background: #f3f4f6; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #4b5563; background: #f3f4f6; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + .p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #4b5563; } - .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 { + .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: #6b7280; } .p-tieredmenu .p-menuitem-separator { @@ -8788,7 +10032,10 @@ } .p-message-leave-active { overflow: hidden; - transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s; + transition: + max-height 0.3s cubic-bezier(0, 1, 0, 1), + opacity 0.3s, + margin 0.15s; } .p-message-leave-active .p-message-close { display: none; @@ -8805,7 +10052,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-message .p-message-close:hover { @@ -8952,12 +10202,22 @@ overflow: hidden; } .p-toast-message-enter-active { - -webkit-transition: transform 0.3s, opacity 0.3s; - transition: transform 0.3s, opacity 0.3s; + -webkit-transition: + transform 0.3s, + opacity 0.3s; + transition: + transform 0.3s, + opacity 0.3s; } .p-toast-message-leave-active { - -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; - transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; + -webkit-transition: + max-height 0.45s cubic-bezier(0, 1, 0, 1), + opacity 0.3s, + margin-bottom 0.3s; + transition: + max-height 0.45s cubic-bezier(0, 1, 0, 1), + opacity 0.3s, + margin-bottom 0.3s; } .p-toast { opacity: 1; @@ -8977,7 +10237,10 @@ .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } - .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon { + .p-toast + .p-toast-message + .p-toast-message-content + .p-toast-message-icon.p-icon { width: 2rem; height: 2rem; } @@ -8992,7 +10255,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-toast .p-toast-message .p-toast-icon-close:hover { @@ -9108,11 +10374,15 @@ opacity: 0; transition: opacity 0.2s ease-in-out; } - .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav { + .p-galleria-item-nav-onhover + .p-galleria-item-wrapper:hover + .p-galleria-item-nav { pointer-events: all; opacity: 1; } - .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled { + .p-galleria-item-nav-onhover + .p-galleria-item-wrapper:hover + .p-galleria-item-nav.p-disabled { pointer-events: none; } .p-galleria-caption { @@ -9230,25 +10500,29 @@ display: flex; z-index: 1; } - .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-top + .p-galleria-indicators { top: 0; left: 0; width: 100%; align-items: flex-start; } - .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-right + .p-galleria-indicators { right: 0; top: 0; height: 100%; align-items: flex-end; } - .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-bottom + .p-galleria-indicators { bottom: 0; left: 0; width: 100%; align-items: flex-end; } - .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators { + .p-galleria-indicator-onitem.p-galleria-indicators-left + .p-galleria-indicators { left: 0; top: 0; height: 100%; @@ -9307,7 +10581,10 @@ color: #f9fafb; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { @@ -9326,7 +10603,10 @@ color: #f9fafb; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } @@ -9354,7 +10634,10 @@ background-color: #d1d5db; width: 1rem; height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { @@ -9364,22 +10647,33 @@ background: #e9f1ed; color: #001e0f; } - .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + .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 { + .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 { + .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 { + .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 { + .p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator.p-highlight + button { background: #e9f1ed; color: #001e0f; } @@ -9394,7 +10688,10 @@ color: #f9fafb; width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, @@ -9402,10 +10699,14 @@ background: rgba(255, 255, 255, 0.1); color: #f9fafb; } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { + .p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-item-content { outline-color: transparent; } - .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + .p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #09af5e; @@ -9481,7 +10782,10 @@ .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-image-preview-indicator .p-icon { width: 1.5rem; @@ -9499,7 +10803,10 @@ width: 3rem; height: 3rem; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { @@ -9699,7 +11006,10 @@ .p-chip .p-chip-remove-icon { margin-left: 0.5rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-chip .p-chip-remove-icon:focus-visible { @@ -9727,7 +11037,11 @@ .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; outline-color: transparent; } .p-inplace .p-inplace-display:not(.p-disabled):hover { @@ -9856,8 +11170,10 @@ left: 0; bottom: 0; will-change: left, right; - -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; - animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; + -webkit-animation: p-progressbar-indeterminate-anim 2.1s + cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; + animation: p-progressbar-indeterminate-anim 2.1s + cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .p-progressbar-indeterminate .p-progressbar-value::after { content: ""; @@ -9867,8 +11183,10 @@ left: 0; bottom: 0; will-change: left, right; - -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; - animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s + cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + animation: p-progressbar-indeterminate-anim-short 2.1s + cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @@ -9973,7 +11291,9 @@ stroke-dasharray: 89, 200; stroke-dashoffset: 0; stroke: #ff5757; - animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; + animation: + p-progress-spinner-dash 1.5s ease-in-out infinite, + p-progress-spinner-color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes p-progress-spinner-rotate { @@ -9996,7 +11316,8 @@ } } @keyframes p-progress-spinner-color { - 100%, 0% { + 100%, + 0% { stroke: #ff5757; } 40% { @@ -10005,7 +11326,8 @@ 66% { stroke: #1ea97c; } - 80%, 90% { + 80%, + 90% { stroke: #cc8925; } } @@ -10064,7 +11386,10 @@ height: 3rem; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); @@ -10113,7 +11438,12 @@ 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)); + background: linear-gradient( + 90deg, + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.4), + rgba(255, 255, 255, 0) + ); } .p-tag { display: inline-flex; @@ -10207,16 +11537,28 @@ } .p-selectbutton > .p-button, .p-togglebutton.p-button { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #00944c; @@ -10225,25 +11567,46 @@ background-color: #00944c; } .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4affa7, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #4affa7, + 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #b0b9c6, + 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #00964e, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #00964e, + 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4d9eff, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #4d9eff, + 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #fcb98b, + 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #d4aafb, + 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #f7a2a2, + 0 1px 2px 0 rgb(0, 0, 0); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #00944c; @@ -10252,7 +11615,10 @@ box-shadow: inset 0 -2px 0 0 #00944c; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4affa7, 0 1px 2px 0 rgb(0, 0, 0); + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #4affa7, + 0 1px 2px 0 rgb(0, 0, 0); } .p-toast-message { backdrop-filter: blur(10px); @@ -10262,7 +11628,12 @@ } .p-picklist-buttons .p-button, .p-orderlist-controls .p-button { - transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + opacity 0.2s, + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #00944c; @@ -10327,7 +11698,11 @@ background: #00944c; /*#93c5fd*/ border: 1px solid #00944c; /*#93c5fd*/ font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; display: flex; align-items: center; @@ -10374,7 +11749,11 @@ background: #ffffff; /*#071426*/ border: 1px solid #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, @@ -10383,16 +11762,34 @@ border-color: #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active { background: #00944c; /*#93c5fd*/ border-color: #00944c; /*#93c5fd*/ color: #ffffff; /*#1c2127*/ } -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, -:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +:root + .fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #00944c; border-color: rgba(0, 148, 76, 0.24); color: #ffffff; /*#1c2127*/ @@ -10441,7 +11838,12 @@ background: #ffffff; /*#071426*/ color: rgba(255, 255, 255, 0.87); } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close { opacity: 1; display: flex; align-items: center; @@ -10455,17 +11857,35 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:before { content: "\e90b"; } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } -:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(0, 148, 76, 0.5); /*rgba(147, 197, 253, 0.5)*/ @@ -10482,14 +11902,25 @@ background: #00944c; border-color: rgba(0, 148, 76, 0.24); } -:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-block-event + .fc-event-main { color: #ffffff; /*#1c2127*/ } -:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-dot-event + .fc-daygrid-event-dot { background: #00944c; border-color: rgba(0, 148, 76, 0.24); } -:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { +:root + .fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-dot-event:hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } @@ -10501,7 +11932,11 @@ background: #00944c; /*#93c5fd*/ border: 1px solid #00944c; /*#93c5fd*/ font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } :root .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { @@ -10530,7 +11965,11 @@ text-indent: 0; font-size: 1rem; } -:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button + .fc-icon-chevron-left:before { content: "\e900"; } :root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { @@ -10538,7 +11977,11 @@ text-indent: 0; font-size: 1rem; } -:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button + .fc-icon-chevron-right:before { content: "\e901"; } :root .fc.fc-theme-standard .fc-toolbar .fc-button:focus { @@ -10552,7 +11995,11 @@ background: #ffffff; /*#071426*/ border: 1px solid #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, @@ -10561,23 +12008,50 @@ border-color: #1b2022; /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active { background: #00944c; /*#93c5fd*/ border-color: #00944c; /*#93c5fd*/ color: #ffffff; /*#1c2127*/ } -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #00944c; border-color: rgba(0, 148, 76, 0.24); color: #ffffff; /*#1c2127*/ } -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, -:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button:not(:disabled):focus, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button:not(:disabled):focus, +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(0, 148, 76, 0.5); /*rgba(147, 197, 253, 0.5)*/ @@ -10586,7 +12060,11 @@ :root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } -:root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { +:root + .fc.fc-theme-standard + .fc-toolbar + .fc-button-group + .fc-button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } @@ -10599,7 +12077,8 @@ background: rgba(0, 148, 76, 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.fc-event-selected::after, .fc-event:focus::after { +.fc-event-selected::after, +.fc-event:focus::after { background: var(--fc-event-selected-overlay-color); inset: -1px; content: ""; diff --git a/frontend/src/App.vue b/frontend/src/App.vue index c617135..65eab08 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -37,7 +37,7 @@ const disabledPages = [ "edit-calendar", "rooms", "free-rooms", - "room-schedule" + "room-schedule", ]; const store = moduleStore(); @@ -59,13 +59,18 @@ const settings = settingsStore; const emit = defineEmits(["dark-mode-toggled"]); onMounted(() => { -// set theme matching browser preference - settings().setDarkMode(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) + // set theme matching browser preference + settings().setDarkMode( + window.matchMedia && + window.matchMedia("(prefers-color-scheme: dark)").matches, + ); setTheme(settings, primeVue, emit); - window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => { - settings().setDarkMode(e.matches) - setTheme(settings, primeVue, emit); - }); + window + .matchMedia("(prefers-color-scheme: dark)") + .addEventListener("change", (e) => { + settings().setDarkMode(e.matches); + setTheme(settings, primeVue, emit); + }); }); diff --git a/frontend/src/api/fetchRoomOccupancy.ts b/frontend/src/api/fetchRoomOccupancy.ts index 70619e7..46361d7 100644 --- a/frontend/src/api/fetchRoomOccupancy.ts +++ b/frontend/src/api/fetchRoomOccupancy.ts @@ -16,13 +16,32 @@ import { BSON } from "bson"; import { RoomOccupancyList } from "@/model/roomOccupancyList.ts"; -import { Duration, NormalizedInterval, add, addDays, addMinutes, addMonths, clamp, differenceInMinutes, eachDayOfInterval, endOfDay, interval, isAfter, isBefore, isEqual, max, min, startOfDay, subDays } from "date-fns"; +import { + Duration, + NormalizedInterval, + add, + addDays, + addMinutes, + addMonths, + clamp, + differenceInMinutes, + eachDayOfInterval, + endOfDay, + interval, + isAfter, + isBefore, + isEqual, + max, + min, + startOfDay, + subDays, +} from "date-fns"; import { formatYearMonthDay } from "@/helpers/dates"; const END_OF_SUMMER_SEMESTER = "0930"; const END_OF_WINTER_SEMESTER = "0331"; -/** +/** * check if date is in winter semester before summer semester * @param date - The date to check * @returns boolean - true if date is in winter semester @@ -32,7 +51,7 @@ export function isBeforeSummer(date: Date): boolean { return formattedDate <= END_OF_WINTER_SEMESTER; } -/** +/** * check if date is in winter semester after summer semester * @param date - The date to check * @returns boolean - true if date is in winter semester @@ -49,7 +68,7 @@ export function isAfterSummer(date: Date): boolean { */ export function getSemesterStart(date: Date): Date { if (isBeforeSummer(date)) { - return new Date(date.getFullYear()-1, 9, 1); + return new Date(date.getFullYear() - 1, 9, 1); } else if (isAfterSummer(date)) { return new Date(date.getFullYear(), 9, 1); } else { @@ -66,7 +85,7 @@ export function getSemesterStart(date: Date): Date { export async function fetchRoomOccupancy( from_date?: string, - to_date?: string + to_date?: string, ): Promise { if (from_date == undefined) { let new_from_date = getSemesterStart(new Date()); diff --git a/frontend/src/components/CalendarViewer.vue b/frontend/src/components/CalendarViewer.vue index b75beef..ea37e17 100644 --- a/frontend/src/components/CalendarViewer.vue +++ b/frontend/src/components/CalendarViewer.vue @@ -71,7 +71,6 @@ const toggle = (info: EventClickArg) => { } }; - const selectedToken = computed(() => { return props.token; }); @@ -79,7 +78,7 @@ const selectedToken = computed(() => { const mobilePage = inject("mobilePage") as Ref; const date: Ref = ref(new Date()); -const { data: calendar} = useQuery({ +const { data: calendar } = useQuery({ queryKey: ["userCalendar", selectedToken], queryFn: () => fetchICalendarEvents(selectedToken.value), select: (data) => { @@ -89,7 +88,7 @@ const { data: calendar} = useQuery({ refetchOnWindowFocus: "always", refetchOnReconnect: "always", networkMode: "offlineFirst", - enabled: () => tokenStore().token !== "" + enabled: () => tokenStore().token !== "", }); const queryClient = useQueryClient(); @@ -97,13 +96,13 @@ const queryClient = useQueryClient(); const invalidateAndRefetchCalendar = () => { console.debug("invalidateAndRefetchCalendar", selectedToken); const queryKey = ["userCalendar", selectedToken]; - queryClient.invalidateQueries({queryKey: queryKey}).then(() => { - queryClient.refetchQueries({queryKey: queryKey}); + queryClient.invalidateQueries({ queryKey: queryKey }).then(() => { + queryClient.refetchQueries({ queryKey: queryKey }); }); }; defineExpose({ - invalidateAndRefetchCalendar + invalidateAndRefetchCalendar, }); const events = computed(() => { diff --git a/frontend/src/components/DarkModeSwitcher.vue b/frontend/src/components/DarkModeSwitcher.vue index cba77f8..3ed2ec2 100644 --- a/frontend/src/components/DarkModeSwitcher.vue +++ b/frontend/src/components/DarkModeSwitcher.vue @@ -29,7 +29,6 @@ const emit = defineEmits(["dark-mode-toggled"]); const store = settingsStore; const isDark = computed(() => store().isDark); - diff --git a/frontend/src/components/RoomOccupationOffline.vue b/frontend/src/components/RoomOccupationOffline.vue index b14ef44..fbe69a9 100644 --- a/frontend/src/components/RoomOccupationOffline.vue +++ b/frontend/src/components/RoomOccupationOffline.vue @@ -92,9 +92,8 @@ function transformData(data: RoomOccupancyList) { } const { data: occupancy } = useQuery({ - queryKey: ["roomOccupancy"],//, selectedRoom, currentDateFrom, currentDateTo], - queryFn: () => - fetchRoomOccupancy(), + queryKey: ["roomOccupancy"], //, selectedRoom, currentDateFrom, currentDateTo], + queryFn: () => fetchRoomOccupancy(), staleTime: 12 * 3600000, // 12 hours }); @@ -192,9 +191,7 @@ const calendarOptions: ComputedRef = computed(() => ({ color: event.event.free ? "var(--htwk-gruen-500)" : "var(--htwk-grau-60-500)", - textColor: event.event.free - ? "var(--green-50)" - : "white", + textColor: event.event.free ? "var(--green-50)" : "white", title: event.event.stub ? t("roomFinderPage.stub") : event.event.free diff --git a/frontend/src/helpers/ical.ts b/frontend/src/helpers/ical.ts index a4fb468..d213332 100644 --- a/frontend/src/helpers/ical.ts +++ b/frontend/src/helpers/ical.ts @@ -41,10 +41,13 @@ export function parseICalData( const jCalData = ICAL.parse(icalData); const comp = new ICAL.Component(jCalData); const vEvents = comp.getAllSubcomponents("vevent"); - const events: CalendarComponent[] = vEvents.map((vevent: CalendarComponent) => { - return new ICAL.Event(vevent); - }); - const colorDistinctionEvents: ColorDistinctionEvent[] = extractedColorizedEvents(events); + const events: CalendarComponent[] = vEvents.map( + (vevent: CalendarComponent) => { + return new ICAL.Event(vevent); + }, + ); + const colorDistinctionEvents: ColorDistinctionEvent[] = + extractedColorizedEvents(events); return vEvents.map((vevent: CalendarComponent) => { const event = new ICAL.Event(vevent); diff --git a/frontend/src/helpers/theme.ts b/frontend/src/helpers/theme.ts index 07f5643..9e681e6 100644 --- a/frontend/src/helpers/theme.ts +++ b/frontend/src/helpers/theme.ts @@ -20,27 +20,27 @@ import { EmitFn } from "primevue/ts-helpers"; import settingsStore from "@/store/settingsStore.ts"; const darkTheme = ref("lara-dark-blue"), - lightTheme = ref("lara-light-blue"); + lightTheme = ref("lara-light-blue"); export type SettingsStore = typeof settingsStore; export function toggleTheme( - store: SettingsStore, - primeVue: { changeTheme: PrimeVueChangeTheme }, - emit: EmitFn<"dark-mode-toggled"[]>, + store: SettingsStore, + primeVue: { changeTheme: PrimeVueChangeTheme }, + emit: EmitFn<"dark-mode-toggled"[]>, ): void { - store().setDarkMode(!store().isDark); - setTheme(store, primeVue, emit); + store().setDarkMode(!store().isDark); + setTheme(store, primeVue, emit); } export function setTheme( - store: SettingsStore, - { changeTheme }: { changeTheme: PrimeVueChangeTheme }, - emit: EmitFn<"dark-mode-toggled"[]> + store: SettingsStore, + { changeTheme }: { changeTheme: PrimeVueChangeTheme }, + emit: EmitFn<"dark-mode-toggled"[]>, ) { - const isDark = ref(store().isDark); - const newTheme = isDark.value ? darkTheme.value : lightTheme.value, - oldTheme = isDark.value ? lightTheme.value : darkTheme.value; - changeTheme(oldTheme, newTheme, "theme-link", () => { }); - emit("dark-mode-toggled", isDark.value); -} \ No newline at end of file + const isDark = ref(store().isDark); + const newTheme = isDark.value ? darkTheme.value : lightTheme.value, + oldTheme = isDark.value ? lightTheme.value : darkTheme.value; + changeTheme(oldTheme, newTheme, "theme-link", () => {}); + emit("dark-mode-toggled", isDark.value); +} diff --git a/frontend/src/main.ts b/frontend/src/main.ts index 9039afc..a22c319 100644 --- a/frontend/src/main.ts +++ b/frontend/src/main.ts @@ -70,10 +70,10 @@ app.use(VueQueryPlugin, { queryClientConfig: { defaultOptions: { queries: { - refetchOnWindowFocus: false - } - } - } + refetchOnWindowFocus: false, + }, + }, + }, }); app.use(PrimeVue); diff --git a/frontend/src/model/roomOccupancyList.ts b/frontend/src/model/roomOccupancyList.ts index 625bb20..0066e28 100644 --- a/frontend/src/model/roomOccupancyList.ts +++ b/frontend/src/model/roomOccupancyList.ts @@ -93,16 +93,22 @@ export class RoomOccupancyList { const roomOccupancy = this.rooms.find((r) => r.name === room); // Get start and end of decoded time range (within encoded list and requested range) - let decodeInterval = interval(clamp(from, this.getOccupancyInterval()), clamp(to, this.getOccupancyInterval())); + let decodeInterval = interval( + clamp(from, this.getOccupancyInterval()), + clamp(to, this.getOccupancyInterval()), + ); // if the room is not in the list or the time range is empty, return stub events - if (roomOccupancy === undefined || isEqual(decodeInterval.start, decodeInterval.end)) { + if ( + roomOccupancy === undefined || + isEqual(decodeInterval.start, decodeInterval.end) + ) { return RoomOccupancyList.generateStubEvents(room, from, to); } const occupancyList = []; - let {decodeSliceStart, decodeSlice} = this.sliceOccupancy( + let { decodeSliceStart, decodeSlice } = this.sliceOccupancy( decodeInterval, roomOccupancy.occupancy.buffer, ); diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts index 5412600..26d59e7 100644 --- a/frontend/src/router/index.ts +++ b/frontend/src/router/index.ts @@ -35,7 +35,6 @@ const NotFound = () => import("../view/NotFound.vue"); import i18n from "../i18n"; import settingsStore from "@/store/settingsStore.ts"; - const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ diff --git a/frontend/src/store/settingsStore.ts b/frontend/src/store/settingsStore.ts index 5551c95..01fa0ff 100644 --- a/frontend/src/store/settingsStore.ts +++ b/frontend/src/store/settingsStore.ts @@ -23,7 +23,10 @@ const settingsStore = defineStore("settingsStore", { return { locale: useLocalStorage("locale", "en"), //useLocalStorage takes in a key of 'count' and default value of 0 isDark: true, - defaultPage: useLocalStorage("defaultPage", {label: "Home", value: "/home"}), + defaultPage: useLocalStorage("defaultPage", { + label: "Home", + value: "/home", + }), }; }, actions: { @@ -36,10 +39,7 @@ const settingsStore = defineStore("settingsStore", { getDarkMode(): boolean { return this.isDark; }, - setDefaultPage(page: { - label: string; - value: string; - }) { + setDefaultPage(page: { label: string; value: string }) { this.defaultPage = page; }, getDefaultPageOptions(): { @@ -58,12 +58,12 @@ const settingsStore = defineStore("settingsStore", { label: route.name, value: route.path, }); - } } - }); - return options; + } + }); + return options; }, }, }); -export default settingsStore; \ No newline at end of file +export default settingsStore; diff --git a/frontend/src/view/NotFound.vue b/frontend/src/view/NotFound.vue index 8e215cc..6c4a61f 100644 --- a/frontend/src/view/NotFound.vue +++ b/frontend/src/view/NotFound.vue @@ -11,6 +11,4 @@ import DynamicPage from "@/view/DynamicPage.vue"; - \ No newline at end of file + diff --git a/frontend/src/view/SettingsView.vue b/frontend/src/view/SettingsView.vue index 65a3cb4..2df24d5 100644 --- a/frontend/src/view/SettingsView.vue +++ b/frontend/src/view/SettingsView.vue @@ -1,5 +1,4 @@ \ No newline at end of file + diff --git a/frontend/src/view/UserCalendar.vue b/frontend/src/view/UserCalendar.vue index 9ab0125..2ec6ae0 100644 --- a/frontend/src/view/UserCalendar.vue +++ b/frontend/src/view/UserCalendar.vue @@ -42,12 +42,12 @@ function loadCalendar() { calendarViewerRef.value?.invalidateAndRefetchCalendar(); -toast.add({ - severity: "success", - summary: t("editCalendarView.toast.success"), - detail: t("editCalendarView.toast.successDetailLoad"), - life: 3000, -}); + toast.add({ + severity: "success", + summary: t("editCalendarView.toast.success"), + detail: t("editCalendarView.toast.successDetailLoad"), + life: 3000, + }); } onMounted(() => { @@ -77,7 +77,7 @@ onMounted(() => { > diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts index c5a5658..98fe21b 100644 --- a/frontend/vite.config.ts +++ b/frontend/vite.config.ts @@ -40,18 +40,18 @@ export default defineConfig({ start_url: "/", id: "de.htwk-leipzig.htwkalender", screenshots: [ - { - src: "/1280x720.png", - sizes: "1280x720", - form_factor: "wide", - type: "image/png", - }, - { - src: "/390x844.png", - sizes: "1170x2532", - form_factor: "narrow", - type: "image/png", - }, + { + src: "/1280x720.png", + sizes: "1280x720", + form_factor: "wide", + type: "image/png", + }, + { + src: "/390x844.png", + sizes: "1170x2532", + form_factor: "narrow", + type: "image/png", + }, ], icons: [ { @@ -86,11 +86,11 @@ export default defineConfig({ cleanupOutdatedCaches: true, runtimeCaching: [ { - urlPattern: ({ url }) => url.pathname.startsWith('/api/feed'), - method: 'GET', - handler: 'NetworkFirst', + urlPattern: ({ url }) => url.pathname.startsWith("/api/feed"), + method: "GET", + handler: "NetworkFirst", options: { - cacheName: 'calendar-feed-cache', + cacheName: "calendar-feed-cache", expiration: { maxAgeSeconds: 12 * 60 * 60, // 12 hours },